/* --------------------------------------------------------------------------------- */
/* 后台用的
/* --------------------------------------------------------------------------------- */

/* Presets 预设 */

	* {
		margin: 0;
		padding: 0;
		/* 2021.1.11 liys 因reserveline页面中价格日历问题注释掉 */
		/* position: relative; */
		-webkit-box-sizing:border-box;  
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		/* font:12px/14px; */
		 
			}

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		/* vertical-align: baseline; */
		background: transparent;
		
	}

	body {
		line-height: 1;
		/*最小宽度 1270px  hanxl 2020.12.17  */
		min-width: 1270px;
	}
	.uls,.lis {
		background-color: #EA5604;
		list-style: none
	}

	html, 
	body {
		height:100%;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, 
	q {
		quotes: none;
	}

	blockquote:before, 
	blockquote:after, 
	q:before, 
	q:after {
		content: '';
		content: none;
	}

	:focus {
		outline: 0;
	}

	ins {
		text-decoration: none;
	}

	del {
		text-decoration: line-through;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* --------------------------------------------------------------------------------- */
/* General CSS  整体CSS
/* --------------------------------------------------------------------------------- */


/* Styleguide styles - ignore */
	

	.example {
		border: 2px solid #f9f9f9;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 1rem 1.5rem;
		margin: 1rem -1.5rem;
	}

	.colors li {
		display: inline-block;
		height: 100px;
		width: 100px;
		text-align: center;
		line-height: 160px;
		margin-right: 30px;
	}

		.colors li:nth-child(5n+5) {
		    margin-right: 0; 
		  }

	.example-grid .col {
		border: 1px solid rgba(0,0,0,.15);
		padding: 1rem;
	}

	.example-grid .row {
		margin-bottom: 2.15em
	}


/* Typography 版面设计*/
	
	html {
		font-size: 1.25em;
	}

	body {
	/*  font-family:"黑体";  */ 
	font-family: 'Dosis', sans-serif; 
		letter-spacing: 0.09em;
		-webkit-font-smoothing: antialiased; 
	}

	h1, h2, h3, h4 {
	  margin: 1.414em 0 0.5em;
	  font-weight: inherit;
	  line-height: 1.2;
	}

	h1 {
	  margin-top: 0;
	  font-size: 1.602em;
	}

		h1:first-child, 
		h2:first-child, 
		h3:first-child, 
		h4:first-child, 
		h5:first-child, 
		h6:first-child {
			margin-top: 0; 
		}

		h1, 
		h2,
		h3 {
			font-weight: 800;
		}

		h5, 
		h6 {
			font-weight: 700;
		}


	h1 {
		font-size: 3.998em;
	}

	h2 {
		font-size: 2.827em; 
	}

	h3 {
		font-size: 1.999em;
	}

	h4 {
		font-size: 1.414em;
		font-weight: 300; 
	}

	h5 {
		font-size: 1em;
		letter-spacing: 1px;
		text-transform: uppercase; 
	}

	h6 {
		font-size: 0.667em; 
	}

	p {
		line-height: 1.45;
		margin-bottom: 1.3em;
	 	/*max-width: 34em; */
	}

		p:last-child {
			margin-bottom: 0; 
		}

	strong {
		font-weight: 600; 
	}

	em {
		font-style: italic; 
	}

	a {
		text-decoration: none; 
	}

	small, .font-small {
		font-size: 0.75em;
	}

	.lead {
		font-size: 1.55em;
		line-height: 1.2;
		font-weight: 500;					 
		letter-spacing: 2px;
		font-family: 'Libre Baskerville', serif;
		font-style: italic;
	}

	.hushed {
		font-size: .9em;
		opacity: .8;
	}

	address {
		line-height: 1.3;
	}

	ul {
		list-style: circle;
	}

	ul li {
		line-height: 1.3
	}

/* Color 页面主体 */

	body {
		background-color: #fff;
		color: #666;
	}

	a {
		color: #EA5604;
	}

	a:hover {
		color: #e0404b;
	}

	.bg-black {
		background-color: #333;
		color: #fff;
	}

	.bg-muted {
		background-color: #ccc;
		color: #fff;
	}

	.bg-primary {
		
		color: #fff;
		background-image: linear-gradient(to right,  #FF8C0A,#EA5604);
	}

	.bg-secondary {
		background-color: #e0404b;
		color: #fff;
	}

	.bg-light {
	 background-color: #F9F6E5; 
		
	}
	.frontbg-light {
	
	/*2020.12.21 hanxl 根据鲁美样式图  招标菜单首页更改背景颜色为白色  */
		
		background-color: #FFFFFF;
	}
	

		.bg-primary h1,
		.bg-primary h2,
		.bg-primary h3,
		.bg-primary h4,
		.bg-primary h5,
		.bg-primary h6,
		.bg-primary span,
		.bg-primary address,
		.bg-primary strong,
		.bg-primary abbr,
		.bg-primary ul,
		.bg-primary p,
		.bg-black h1,
		.bg-black h2,
		.bg-black h3,
		.bg-black h4,
		.bg-black h5,
		.bg-black h6,
		.bg-black span,
		.bg-black address,
		.bg-black strong,
		.bg-black abbr,
		.bg-black ul,
		.bg-black p,
		.bg-secondary h1,
		.bg-secondary h2,
		.bg-secondary h3,
		.bg-secondary h4,
		.bg-secondary h5,
		.bg-secondary h6,
		.bg-secondary span,
		.bg-secondary address,
		.bg-secondary strong,
		.bg-secondary abbr,
		.bg-secondary ul,
		.bg-secondary p {
			color: #fff;
		}

		.bg-primary a,
		.bg-secondry a,
		.bg-black a {
			color: #F9F6E5; 
		}

		.bg-primary a:hover,
		.bg-secondry a:hover,
		.bg-black a:hover,
		.bg-primary a.scale:hover,
		.bg-secondary a.scale:hover
		.bg-black a.scale:hover {
			color: #fff;
		}


	.black {
		color: #333;
	}

	.muted {
		color: #ccc;
	}

	.primary {
		color: #EA5604;
	}

	.secondary {
		color: #e0404b;
	}

	h1, 
	h2, 
	h3, 
	h4 {
		color: #333; 
	}

	h5 {
		color: #EA5604;
	}

/* Inline Anchor Styles 内联定位样式*/

	/* Text scale 文本比例 */
	a.scale {
		padding: 0 0.25em;
		-webkit-transition: color 0.2s;
		transition: color 0.2s;
	}

	a.scale:hover {
		color: #d04c3f;
	}

	a.scale::before,
	a.scale::after {
		position: absolute;
		top: -1px;
		font-size: 150%;
		line-height: 1;
		opacity: 0;
		-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
		transition: opacity 0.2s, transform 0.2s;
	}

	a.scale::before {
		left: -0.2em;
		content: '[';
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	a.scale::after {
		right: -0.2em;
		content: ']';
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	a.scale:hover::before,
	a.scale:hover::after {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

/*

/*
    
  Kindling Grid
  A responsive grid system, with some trace elements of style and markup.
一个响应迅速的网格系统，包含一些样式和标记元素。
*/

/* Grid System 网格系统*/
	
	.main {
		min-height: 560px;
		z-index: 1;
	}

	.row:after,
	.col:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}

	.container {
	/*2020.10.04 宽度由90%调到95%  */
		width: 95%;
		margin: 0 auto;
		max-width: 1440px;
	}

	.col {
		display:block;
		float:left;
		width:100%;
		margin-right:2%;
	}

	.col:last-child {
		margin-right:0;
	}

	.col img {
		max-width:100%;
		height:auto;
	}

	.span-1 {
		width:6.5%;
	}

	.span-2 {
		width:15.0%;
	}
.newspan-2 {
		width:18.0%;
	}
	.span-3 {
		width:23.5%;
	}

	.span-4 {
		width:32.0%;
	}

	.span-5 {
		width:40.5%;
	}

	.span-6 {
		width:48.0%;
	}

	.span-7 {
		width:57.5%;
	}

	.span-8 {
		width:66.0%;
	}

	.span-9 {
		width:74.5%;
	}

	.span-10 {
		width:83.0%;
	}

	.span-11 {
		width:91.5%;
	}

	.span-12 {
		width:100%;
	}

	/* Offsets */
    
		.offset-1 {
			margin-left:6.5%;
		}

		.offset-2 {
			margin-left:17.0%;
		}

		.offset-3 {
			margin-left:25.5%;
		}

		.offset-4 {
			margin-left:34.0%;
		}

		.offset-5 {
			margin-left:42.5%;
		}

		.offset-6 {
			margin-left:51.0%;
		}

		.offset-7 {
			margin-left:59.5%;
		}

		.offset-8 {
			margin-left:68.0%;
		}

		.offset-9 {
			margin-left:76.5%;
		}

		.offset-10 {
			margin-left:85.0%;
		}

		.offset-11 {
			margin-left:93.5%;
		}

/* Forms  表单*/

	form > div,
	fieldset {
		margin-bottom: 1rem; 
	}
 
	legend
	/*.input-container label 标签 */{
		color: #333;
		display: block;
		font-size: .75em;
		font-weight: 600;
		margin-bottom: .55rem; 
		z-index: 1
	}

	.input-container {
		position: relative; 
	}

	.input-container label {
			display: inline-block;
			/* width: 120px; */
			text-align: center;
		}
		
		

		.input-container.input-container-error label {
			color: #ff797c; 
		}
	/*去掉number后面的上下箭头*/
		input::-webkit-outer-spin-button,
	    input::-webkit-inner-spin-button {
	        -webkit-appearance: none;
	    }
	    input[type="number"]{
	        -moz-appearance: textfield;
	    }
	    
	input[type="text"],
	input[type="email"], 
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="number"],
	input[type="password"],
	input[type="date"],
	select,
	textarea, 
	.option-container label {
		/* liys 2px 改成 1px 2021.02.08 */
		border: 1px solid #cccccc;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		box-sizing: border-box;
		/* padding: .5rem .7rem;  原 */
		padding: .4rem .5rem;
		/* width: 100%; */
	}

	/* input[type="text"], 
	input[type="email"], 
	input[type="datetime-local"],
	input[type="datetime"],
	input[type="number"],
	input[type="password"],
	input[type="date"],
	select,
	textarea {
		font-size: 1rem;
	
		padding-top: 2.5rem;
		-webkit-font-smoothing: antialiased; 
	} */

		input[type="text"]:focus,
		input[type="email"]:focus, 
		input[type="datetime-local"]:focus,
		input[type="datetime"]:focus,
		input[type="date"]:focus,
		input[type="number"]:focus,
		input[type="password"]:focus,
		select:focus,
		textarea:focus {
			border-color: #EA5604;
			outline: 0; 
		}

	.input-container-valid input[type="text"], 
	.input-container-valid input[type="email"], 
	.input-container-valid input[type="datetime-local"],
	.input-container-valid input[type="datetime"],
	.input-container-valid input[type="date"],
	.input-container-valid input[type="number"],
	.input-container-valid select,
	.input-container-valid textarea {
		border-color: #a6a6a6; 
	}

	.input-container-valid input[type="text"]:focus, 
	.input-container-valid input[type="email"]:focus,
	.input-container-valid input[type="datetime-local"]:focus,
	.input-container-valid input[type="datetime"]:focus,
	.input-container-valid input[type="date"]:focus,
	.input-container-valid input[type="number"]:focus,
	.input-container-valid select:focus,
	.input-container-valid textarea:focus {
		border-color: #EA5604; 
	}

	.input-container-error input[type="text"], 
	.input-container-error input[type="email"],
	.input-container-error input[type="datetime-local"],
	.input-container-error input[type="datetime"],
	.input-container-error input[type="date"],
	.input-container-error input[type="number"],
	.input-container-error select,
	.input-container-error textarea {
		border-color: #ff797c; 
	}

	.input-container-error input[type="text"]:focus,
	.input-container-error input[type="email"]:focus, 
	.input-container-error input[type="datetime-local"]:focus,
	.input-container-error input[type="datetime"]:focus,
	.input-container-error input[type="date"]:focus,
	.input-container-error input[type="number"]:focus,
	.input-container-error select:focus,
	.input-container-error textarea:focus {
		border-color: #e0404b; 
	}

	.option-container {
		position: relative;
		width: 100%; 
	}

		.option-container input {
			display: none; 
		}

		.option-container label {
			display: block;
			font-size: 1rem;
			padding-top: 1.2rem;
			padding-bottom: 1.2rem;
			padding-left: 2.4rem;
			margin-bottom: .55rem; 
		}

		.option-container label:before {
			background-color: linear-gradient(white 0%, white 30%, #fafafa 70%, #fafafa 100%);
			border: 1px solid #bfbfbf;
			box-shadow: 0 0 1px #bfbfbf, 0 0 1px #fff inset;
			content: '';
			display: block;
			position: absolute;
			top: 1.30em;
			left: .80em;
			height: 16px;
			width: 16px; 
		}

		.option-container input:checked + label:after {
			background-color: #EA5604;
			content: '';
			display: block;
			width: 10px;
			height: 10px;
			position: absolute;
			top: 1.5em;
			left: 1em; 
		}

		.option-container label:before {
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}

		.option-container input[type="radio"] + label:before {
			b-webkit-border-radius: 9px;
			-moz-border-radius: 9px;
			border-radius: 9px;
		}

		.option-container:hover label {
			background-color: #f2f2f2;
			cursor: pointer; 
		}

		.option-container:last-of-type label {
			margin-bottom: 0; 
		}

		.option-container input:checked + label {
			border-color: #EA5604; 
		}

		.option-container input:checked + label:after {
			border-radius: 1px; 
		}

		.option-container input[type="radio"]:checked + label:after {
			-webkit-border-radius: 1px;
			-moz-border-radius: 1px;
			border-radius: 1px;
		}

	textarea {
		display: block;
		max-width: 100%; 
	}

	/* Form - Placeholder color 带有占位符表单颜色*/
	input::-webkit-input-placeholder {
		color: #ababab; 
	}

	input:focus::-webkit-input-placeholder {
		color: #cccccc; 
	}

	input::-moz-placeholder {
		color: #ababab; 
	}

	input:focus::-moz-placeholder {
		color: #cccccc; 
	}

	input:-ms-input-placeholder {
		olor: #ababab; 
	}

	input:focus:-ms-input-placeholder {
		color: #cccccc; 
	}

/* Buttons 按钮 */
.yuliubtn,
.newbtn{
background-color: #EA5604;
		border: 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 400;
		line-height: 1.6;
		padding: 0 0.8em;
		-webkit-font-smoothing: antialiased; 

		-webkit-transition-property: background;
		-moz-transition-property: background;
		-o-transition-property: background;
		transition-property: background;
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear;	
}
/*2021.01.14 hanxl  前台景区预留用到  */
.btns{
	background-color: #FBB03B;
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 600;

/* 2021.01.13 hanxl  原width: 100px;
height: 40px; */
width: 80%;
height: 50px;
margin-top:20px;
	-webkit-font-smoothing: antialiased; 
	
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	
}
/*  2020.12.22 选座按钮无用 先隐藏 hxnxl  
.seatbtn{
	background-color: #EA5604;
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 600;
	line-height: 2.2;
	padding: 0 1em;
	margin: 10px;
	margin-left:18px ;
	-webkit-font-smoothing: antialiased; 
	width: 60px;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	
}
.seatbtns{
	background-color: #EA5604;
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 600;
	line-height: 2.2;
	padding: 0 1em;
	margin: 10px;
	margin-left:18px ;
	-webkit-font-smoothing: antialiased; 
	width: 60px;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	
}
.seatbtnss{
	background-color: #476e4d;
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 600;
	line-height: 2.2;
	padding: 0 1em;
	margin: 10px;
	margin-left:18px ;
	-webkit-font-smoothing: antialiased; 
	width: 60px;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	
} */
.btns:hover {
		background-color: #DB9D31; 
	}

	.btn, 
	.btn-secondary,
	.btn-muted,
	.btn-light {
		background-color: #EA5604;
		border: 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 600;
		line-height: 2.2;
		padding: 0 1em;
		margin: 10px;
		-webkit-font-smoothing: antialiased; 
		-webkit-transition-property: background;
		-moz-transition-property: background;
		-o-transition-property: background;
		transition-property: background;
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear;
	}

	.btn-secondary {
		background-color: #e0404b;
	}

	.btn-secondary:not(.btn-disabled):hover {
		background-color: #c62b35;
	}

	.btn-light,
	a.btn-light {
		background-color: #F9F6E5;
		color: #333
	}

	.btn-light:not(.btn-disabled):hover {
		background-color: #eeead6;
		color: #333
	}

	.btn-light:hover,
	.btn-light:not(.btn-disabled):hover {
		color: #333
	}

	.btn-muted {
		background-color: #cccccc;
	}

	.btn-muted:not(.btn-disabled):hover {
		background-color: #bfbfbf; 
	}

	.btn-disabled {
		opacity: .5;
		cursor: default; 
	}

	.btn-container li {
		display: inline-block;
	}
	
	.btn-container{
		text-align: right;
	}

	/* Sizes 尺寸 */
		.btn-small {
			padding: .5em .75em;
			font-weight: 600;
			font-size: 0.75em;
			line-height: 1.8;
		}
		.btn-large {
			padding: 0 2em;
			font-weight: 600;
			font-size: 1.25em;
			line-height: 3;
			text-transform: uppercase;
		}


/* Alert 弹窗*/

	.alert {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #46c4d7;
		color: #fefefe;
		padding: 1.06rem .9rem 1.22rem;
		position: relative;
		max-width: 100%; 
	}

		.alert-success {
			background-color: #82c451; 
		}

		.alert-error {
			background-color: #ff797c; 
		}

			.alert_close:hover {
				color: #fefefe; 
			}


/* Utility 公共 */

	/* Margin */

		.at-margin {
			margin: 1em;
		}

		.at-margin-top {
			margin-top: 1em;
		}

		.at-margin-bottom {
			margin-bottom: 1em;
		}

		.at-margin-left {
			margin-left: 1em;
		}

		.at-margin-right {
			margin-right: 1em;
		}


	/* Larger Margin */
	
		.at-margin-large {
			margin: 2.15em;
		}

		.at-margin-large-top {
			margin-top: 2.15em;
		}

		.at-margin-large-bottom {
			margin-bottom: 2.15em;
		}

		.at-margin-large-left {
			margin-left: 2.15em;
		}

		.at-margin-large-right {
			margin-right: 2.15em;
		}


	/* Smaller Margin */
	
		.at-margin-small {
			margin: .5em;
		}

		.at-margin-small-top {
			margin-top: 1.5em;
		}

		.at-margin-small-bottom {
			margin-bottom: .5em;
		}

		.at-margin-small-left {
			margin-left: .5em;
		}

		.at-margin-small-right {
			margin-right: .5em;
		}

	/* Remove Margin */

		.at-margin-remove {
			margin: 0;
		}

		.at-margin-top-remove {
			margin-top: 0;
		}

		.at-margin-bottom-remove {
			margin-bottom: 0;
		}

	/* Padding */

		.at-padding {
			padding: 1em;
		}

		.at-padding-top {
			padding-top: 1em;
		}

		.at-padding-bottom {
			padding-bottom: 1em;
		}

		.at-padding-left {
			padding-left: 1em;
		}

		.at-padding-right {
			padding-right: 1em;
		}


	/* Larger padding */
	
		.at-padding-large {
			padding: 2.15em;
		}

		.at-padding-large-top {
			padding-top: 1.15em;
		
		}

		
		.at-padding-large-left {
			padding-left: 2.15em;
		}

		.at-padding-large-right {
			padding-right: 2.15em;
		}


	/* Smaller padding */
	
		.at-padding-small {
			padding: .5em;
		}

		.at-padding-small-top {
			padding-top: .5em;
		}

		.at-padding-small-bottom {
			padding-bottom: .5em;
		}

		.at-padding-small-left {
			padding-left: .5em;
		}

		.at-padding-small-right {
			padding-right: .5em;
		}

	/* Remove padding */

		.at-padding-remove {
			padding: 0;
		}

		.at-padding-top-remove {
			padding-top: 0;
		}

		.at-padding-bottom-remove {
			padding-bottom: 0;
		}

	/* line  线条*/

		.line {
			width: 100px;
			height: 8px;
			background: #4a4a4a;
		
			margin-bottom: 1em  ;
			margin-top: 1em ;
			display: block;
		}

	/* Alignment of block elements  块元素对齐*/
		
		.at-float-left { 
			float: left; 
		}
		.at-float-right { 
			float: right; 
		}


/* --------------------------------------------------------------------------------- */
/* Header   头
/* --------------------------------------------------------------------------------- */

	.header {
		background-color: #FFFFFF;
		-moz-box-shadow:    0px 0px 2px 0px rgba(0,0,0,0.50);
		box-shadow:         0px 0px 2px 0px rgba(0,0,0,0.50);
	}

		/* Logo */
			
			#logo {
				width: 100%;
				height: 40px;
			}
			/*hanxl 2020.12.17  */
.logo{
	width:100%;
}
		/* Navigation  导航栏 */

			.navigation-btn {
				float: right;
			}

	/* Animated header */

		.cbp-af-header {
			width: 100%;
			z-index: 90;
			
			-webkit-transition: height 0.3s;
			-moz-transition: height 0.3s;
			transition: height 0.3s;

			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
		}

		.cbp-af-header.cbp-af-header-shrink {
			position: fixed;
			top: 0;
			left: 0;
			
			background-color: #fff;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
		}

/* --------------------------------------------------------------------------------- */
/* Off Canvas
/* --------------------------------------------------------------------------------- */

	.off-canvas-container {
		position: relative;
		overflow: hidden;
	}
.login-signup {
	margin-top: 16px;
		background-color: #ffffff;
		vertical-align: middle;
		text-align: center;
		width: 100%;
		
		
	}
	.cd-signin {	
	 	padding: 9px;
	}
	.login-signup  a {
	 	padding: 10px;
	 	border-radius: 4px;
	 	font-weight: 300;
	 	text-transform: uppercase;
	 	font-size: 18px;
	 	color: #EA5604 ;
		transition-property: background;
		transition-duration: 0.4s;
		transition-timing-function: linear;
		
	}
	.cd-signup:hover {
		color: #fff;
		background-color: #EA5604;
		border-color: #EA5604;
	}
	.cd-signin:hover {
		color: #666;
		background-color: #F9F6E5;
		border-color: #F9F6E5
	}

	/* Off Canvas Menu Fix */
		
		.canvas-menu-fix{ 
			width: 240px;
			position: fixed; 
		}

/* --------------------------------------------------------------------------------- */
/* Sign in Sign Up Popup
/* --------------------------------------------------------------------------------- */

	.cd-user-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(52, 54, 66, 0.9);
		z-index: 101;
		overflow-y: auto;
		cursor: pointer;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
		-moz-transition: opacity 0.3s 0, visibility 0 0.3s;
		transition: opacity 0.3s 0, visibility 0 0.3s;
	}

		.cd-user-modal.is-visible {
			visibility: visible;
			opacity: 1;
			-webkit-transition: opacity 0.3s 0, visibility 0 0;
			-moz-transition: opacity 0.3s 0, visibility 0 0;
			transition: opacity 0.3s 0, visibility 0 0;
		}

		.cd-user-modal.is-visible .cd-user-modal-container {
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
		}

		.cd-user-modal-container {
			position: relative;
			width: 90%;
			max-width: 600px;
			background: #FFF;
			margin: 3em auto 4em;
			cursor: auto;
			border-radius: 0.25em;
			-webkit-transform: translateY(-30px);
			-moz-transform: translateY(-30px);
			-ms-transform: translateY(-30px);
			-o-transform: translateY(-30px);
			transform: translateY(-30px);
			-webkit-transition-property: -webkit-transform;
			-moz-transition-property: -moz-transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			transition-duration: 0.3s;
		}

		.cd-user-modal-container .cd-switcher:after {
			content: "";
			display: table;
			clear: both;
		}

		.cd-user-modal-container .cd-switcher li {
			/* 2020.11.11  修改点击登录只显示登录 点击注册只显示注册  原width: 50% */
			width: 100%;
			float: left;
			text-align: center;
			list-style: none;
			font-weight: 800;
			text-transform: uppercase;
		}

			.cd-user-modal-container .cd-switcher li:first-child a {
				border-radius: 4px 0 0 0;
			}

			.cd-user-modal-container .cd-switcher li:last-child a {
				border-radius: 0 4px 0 0;
			}

			.cd-user-modal-container .cd-switcher a {
				display: block;
				width: 100%;
				height: 50px;
				line-height: 50px;
				background: #F9F6E5;
				color: #666;
			}

			.cd-user-modal-container .cd-switcher a.selected {
				background: #FFF;
				color: #333;
			}

	.cd-form {
		padding: 1.4em;
	}

	.cd-form .fieldset {
		position: relative;
		margin: 1.4em 0;
	}

	.cd-form .fieldset:first-child {
		margin-top: 0;
	}

	.cd-form .fieldset:last-child {
		margin-bottom: 0;
	}

	.cd-form label {
	}

	.cd-form label.image-replace {
		 /*replace text with an icon*/ 
		display: inline-block;
		position: absolute;
		left: 15px;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		height: 20px;
		width: 20px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		color: transparent;
		text-shadow: none;
		background-repeat: no-repeat;
		background-position: 50% 0;
		z-index: 1;
	}
	.cd-form label.cd-useraccount {
		background-image: url("../img/popup-icon-useraccount.png");
	}
	.cd-form label.cd-username {
		background-image: url("../img/popup-icon-username.png");
	}

	.cd-form label.cd-phone-email-loginname {
		background-image: url("../img/popup-icon-email.svg");
	}

	.cd-form label.cd-password {
		background-image: url("../img/popup-icon-password.png");
	}
	.cd-form label.cd-phone {
		background-image: url("../img/popup-icon-phone.png");
	}
	.cd-form label.cd-sex {
		background-image: url("../img/popup-icon-sex.png");
	}
	.cd-form label.cd-identity {
		background-image: url("../img/popup-icon-identity.png");
	}
	.cd-form label.cd-message {
		background-image: url("../img/popup-icon-message.svg");
		top: 10%;
	}
	.cd-form label.cd-mail {
		background-image: url("../img/popup-icon-emails.svg");
	}
	.cd-form label.cd-upUserID {
		background-image: url("../img/popup-icon-upUserID.png");
	}
	.cd-form label.cd-jobType {
		background-image: url("../img/popup-icon-jobtype.png");
	} 
	.cd-form label.cd-orgID {
		background-image: url("../img/popup-icon-orgID.png");
	}
	.cd-form label.cd-userJob {
		background-image: url("../img/popup-icon-job.png");
	} 
	.cd-form label.cd-cade {
		background-image: url("../img/popup-icon-cade.png");
	}
	
	#captcha{
		
	}
	

	#send-captcha{
          	position: absolute;
            right: 0;
            top: 0;
            width: 120px;
            height: 48px;
            line-height: 48px;
            text-align: center;
	}
	
	.cd-form textarea {
		padding: 0.5em 1em 1em 2.30em
	}

	.cd-form input.full-width ,select.full-width{
		width: 95%;
	}

	.cd-form input.has-padding ,select.has-padding{
		padding: 12px 35px 12px 35px;
	}

	.cd-form input.has-border ,select.has-border{
		border: 1px solid #d2d8d8;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
	}

	.cd-form input.has-border:focus {
		border-color: #EA5604;
		outline: none;
	}

	.cd-form input.has-error {
		border: 1px solid #d76666;
	}

	.cd-form input[type=password] {
		 /*space left for the HIDE button*/ 
		padding-right: 65px;
		font-size: 1rem;
	}

	.cd-form input[type=submit] {
		text-transform: uppercase;
	}

	.no-touch .cd-form input[type=submit]:hover, 
	.no-touch .cd-form input[type=submit]:focus {
		background: #EA5604;
		outline: none;
	}

	.cd-form .hide-password {
		display: inline-block;
		position: absolute;
		right: 0;
		top: 0;
		margin: 0px 30px 15px 20px;
   		padding: 10px;
		border-left: 1px solid #d2d8d8;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #343642;
	}

	.cd-form .cd-error-message {
		display: inline-block;
		position: absolute;
		left: -5px;
		bottom: -35px;
		background: rgba(215, 102, 102, 0.9);
		padding: .8em;
		z-index: 2;
		color: #FFF;
		border-radius: 0.25em;
		/* prevent click and touch events */
		pointer-events: none;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
		-moz-transition: opacity 0.2s 0, visibility 0 0.2s;
		transition: opacity 0.2s 0, visibility 0 0.2s;
	}

	.cd-form .cd-error-message::after {
		/* triangle */
		content: '';
		position: absolute;
		left: 22px;
		bottom: 100%;
		height: 0;
		width: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid rgba(215, 102, 102, 0.9);
	}

	.cd-form .cd-error-message.is-visible {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity 0.2s 0, visibility 0 0;
		-moz-transition: opacity 0.2s 0, visibility 0 0;
		transition: opacity 0.2s 0, visibility 0 0;
	}

	.cd-form-message {
		padding: 1.4em 1.4em 0;
		text-align: center;
	}

	.cd-form-bottom-message {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: -50px;
		text-align: center;
	}

	.cd-form-bottom-message a {
		color: #FFF;
	}

	.cd-close-form {
	/* form X button on top right */
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		right: 0;
		top: -40px;
		background: url("../img/popup-icon-close.svg") no-repeat center center;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	#cd-login, 
	#cd-signup, 
	#cd-reset-password {
		display: none;
	}

	#cd-login.is-selected, 
	#cd-signup.is-selected, 
	#cd-reset-password.is-selected {
		display: block;
	}

/* --------------------------------------------------------------------------------- */
/* Intro - Main Slider
/* --------------------------------------------------------------------------------- */

	.main-slider {
		margin: 0 auto;
		position: relative;
		margin-bottom: 40px;
		max-width: 100%;
		overflow: hidden;
	font : 32px/56px; 
	}

		.main-slider > ul {
			width: 100%;
			max-width: 100%;
			height: 100%;
			position: relative;
			list-style: none;
			padding: 0;
			margin: 0 auto;
			z-index: 1;
		}

			.main-slider li {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				pointer-events: none;
				opacity: 0;
				z-index: 999;
			}

				.main-slider li img {
					display: block;
					max-width: 100%;
				}

		.main-slider .current {
			opacity: 1;
			pointer-events: auto;
			z-index: 1000;
		}

		.main-slider nav a {
			position: relative;
			display: block;
			width: 60px;
			height: 60px;
			line-height: 60px;
			font-size: 28px;
			color: #333;
			outline: none;
			overflow: hidden;
			text-align: center;
			z-index: 2;
			cursor: pointer;
		}

			.main-slider nav a::before {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				font-family: 'fontawesome';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				opacity: 0.5;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}

			.main-slider nav a:hover::before {
				opacity: 1;
			}

			.main-slider nav a.prev::before {
				content: "\f104";
			}

			.main-slider nav a.next::before {
				content: "\f105";
			}

	.main-slider-fullwidth {
		width: 100%;
		height: 400px;
		margin-bottom: 0;
		background-color: #333;
	}

		.main-slider-fullwidth > ul {
			overflow: hidden;
		}

			.main-slider-fullwidth li {
				overflow: hidden;
			}

				.main-slider-fullwidth li img {
					min-width: 100%;
					max-width: none;
					position: absolute;
					left: 50%;
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
				}

				.main-slider-fullwidth .slider-content {
					position: absolute;
					top: 50%;
					left: 50%;
					-webkit-transform: translate(-50%,-50%);
					-moz-transform: translate(-50%,-50%);
					-ms-transform: translate(-50%,-50%);
					-o-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
					width: 100%;
					max-width: 900px;

					text-align: center;
				}
					.main-slider-fullwidth .slider-content .title {
						font-weight: 800;
						letter-spacing: 2px;
						text-transform: uppercase;
						margin:0 0 0;
					}

					.main-slider-fullwidth .slider-content .line {
						margin-left: auto;
						margin-right: auto;
					}

		
		.main-slider-fullwidth nav {
			position: absolute;
			bottom: -100%;
			right: 0;
			-webkit-transition-property: bottom;
			-moz-transition-property: bottom;
			-o-transition-property: bottom;
			transition-property: bottom;
			-webkit-transition-duration: 3s;
			-moz-transition-duration: 3s;
			-o-transition-duration: 3s;
			transition-duration: 3s;
			-webkit-transition-timing-function: ease-in;
			-moz-transition-timing-function: ease-in;
			-o-transition-timing-function: ease-in;
			transition-timing-function: ease-in;
 
		}

		.main-slider-fullwidth:hover nav {
			bottom: 40%;
 			-webkit-transition-duration: 0.4s;
			-moz-transition-duration: 0.4s;
			-o-transition-duration: 0.4s;
			transition-duration: 0.4s;

		}

			.main-slider-fullwidth nav a.prev,
			.main-slider-fullwidth nav a.next {
				background-color: #F9F6E5;
			}

				.main-slider-fullwidth nav a.prev:hover,
				.main-slider-fullwidth nav a.next:hover {
					background-color: #EA5604;
					color: #F9F6E5;
					-webkit-transition-property:background;
					-moz-transition-property:background;
					-o-transition-property:background;
					transition-property:background;
					-webkit-transition-duration: 0.6s;
					-moz-transition-duration: 0.6s;
					-o-transition-duration: 0.6s;
					transition-duration: 0.6s;
					-webkit-transition-timing-function: ease-in;
					-moz-transition-timing-function: ease-in;
					-o-transition-timing-function: ease-in;
					transition-timing-function: ease-in;
				}

/* --------------------------------------------------------------------------------- */
/* Services
/* --------------------------------------------------------------------------------- */

	.services .services-left {
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		left: 0;
		top: 0;
		bottom: 0;
		border-right: 1px solid #FFFFFF;
	}
	/* 2020.12.02  首页模块展示 hanxl */
	.services .services-right {
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		left: 0;
		top: 0;
		bottom: 0;
		border-left: 1px solid #dbe2d0;
	}

		.services .services-left .our-services {
			padding-left: 0;
			padding-right: 40px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: table;
			width: 100%;
			height: 100%;
			
		}

		.services .services-left .middle .title {
			text-transform: uppercase;
		} 

		.services .services-left .middle {
			display: table-cell;
			vertical-align: middle;
		}

		.services .services-left .middle .intro-text {
			font-weight: 500;
			font-size: 20px;
			color: #4A4A4A;
			line-height: 30px;
			letter-spacing: 2px;
			margin-bottom: 1em;
			font-family: 'Libre Baskerville', serif;
			font-style: italic;
		}

		.services .services-left .middle .line {
			background-color: #EA5604
		}

	.services-right {
	    background-color: #fff;

	}

	/* General grid styles */
		.services-grid {
			list-style: none;
			padding: 0 0  0;
			margin: 0;
		}

			/* Clear floats */
			.services-grid:before, 
			.services-grid:after { 
				content: " "; 
				display: table; 
			}

			.services-grid:after { 
				clear: both; 
			}

			.services .services-right .services-item  {
				padding-left: 10%;
				padding-right: 10%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				display: table;
				width: 100%;
				height: 100%;
			}

			.services .services-right .middle {
				display: table-cell;
				vertical-align: middle;
			}

		/* grid item */
		.services-grid li {
			width: 25%;
			float: left;
			height: 380px;
			text-align: center;
			border-top: 1px solid #F9F6E5;
		}

		/* we are using a combination of borders and box shadows to control the grid lines */
		.services-grid li:nth-child(-n+4){
			border-top: none;
		}

		.services-grid li:nth-child(2n-1),
		.services-grid li:nth-child(2n-2) {
			box-shadow: 1px 0 0 #F9F6E5;
		}

		/* anchor style */
		.services-grid li > a {
			display: block;
			height: 100%;
			color: #EA5604;
			-webkit-transition: background 0.2s;
			-moz-transition: background 0.2s;
			transition: background 0.2s;
		}

		/* the icon with pseudo class for icon font */
		.services .services-right .fa {
			padding: 0 0 20px;
			display: block;
			font-size: 3em;
			line-height: 1;
			-webkit-transition: -webkit-transform 0.4s;
			transition: -moz-transform 0.4s;
			transition: transform 0.4s;
			-webkit-font-smoothing: antialiased;
		}

		/* title element */
		.services-grid .services-title {
			margin: 0;
			padding:  0 0 0px;
			font-size: 1em;
			font-weight: 700;
			text-transform: uppercase;
			position: relative;
			-webkit-transition: -webkit-transform 0.4s;
			-moz-transition: -moz-transform 0.4s;
			transition: transform 0.4s;
		}

		.services-grid .services-intro-text {
			display: inline-block;
			color: #4a4a4a;
			-webkit-transform: translateY(-40px);
			-moz-transform: -moz-translateY(-40px);
			-ms-transform: -ms-translateY(-40px);
			transform: translateY(-40px);
			opacity: 0;
			-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
			-moz-transition: -moz-transform 0.4s, opacity 0.2s;
			-webkit-transition: transform 0.4s, opacity 0.2s;
		}

		.services-grid li:hover .services-intro-text,
		.touch .services-grid li .services-intro-text {
			opacity: 1;
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
		}

		/* Hover styles */

		.services-grid li > a:hover {
			/*background-color: #EA5604;*/
			background-color: #F9F6E5;
		}

		.services-grid li > a:hover .fa {
			-webkit-transform: translateY(-40px);
			-moz-transform: translateY(-40px);
			-ms-transform: translateY(-40px);
			transform: translateY(-40px);
		}

		.services-grid li > a:hover .fa,
		.services-grid li > a:hover .services-title {
			color: #4a4a4a;
		}

		.services-grid li > a:hover .services-title {
			-webkit-transform: translateY(-30px);
			-moz-transform: translateY(-30px);
			-ms-transform: translateY(-30px);
			transform: translateY(-30px);
		}

		.services-grid li > a:hover .services-title:before {
			background: #fff;
		}

/* --------------------------------------------------------------------------------- */
/* Latest Works
/* --------------------------------------------------------------------------------- */
	#portfolios {
		background-image: url(../img/parallax-1.jpg); 
		background-position: 0% 0;
	}

	.portfolios .title {
		text-align: center;
		text-transform: uppercase;	
	}

	.portfolios .line {
		background-color: #EA5604;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2.15em;
	}

	.portfolios .row {
		margin-bottom: 2%
	}

	.portfolios-box {
	 	/*2021.01.13hanxl 原 width: 200px;
		height:200px; */
	 	width: 300px;
		height:200px;
		position: relative;                        
	}
.hotelportfolios-box {
	 	/*2021.01.13hanxl 原 width: 200px;
		height:200px; */
	 	width: 300px;
		height:200px;
		position: relative;                        
	}
	.portfolios-box-content {
		display:block;
		padding: 2.15em;
		width: 100%;
		height: 100%;
		background-color: #EA5604;
		color:#ffffff;
	 	z-index: 9;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;

		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;  
	}

	.portfolios-box-overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left:0;	
	 	z-index: 10;
		-moz-box-shadow:    0px 4px 4px 0px rgba(71,110,77,0.35);
		box-shadow:         0px 4px 4px 0px rgba(71,110,77,0.35);


	}

	.portfolios-box-overlay img {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;  
	}

	.portfolio-back {
		z-index: 1;
	}

	/* custom css styling */
	.portfolios-box-content .portfolios-box-wrapper  {
		width: 100%;
		height: 100%;
		display:block;
		padding:0;
		text-align:center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
	}

	.portfolios-box-content h4 {
		color: #F9F6E5;
	}

	.portfolios-box-content div {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.portfolios-box-content .icons a {
		font-size: 0.75em;
		width: 40px;
		height: 40px;
		line-height: 40px;
		-webkit-border-radius: 100%;
		-moz-border-radius:100%;
		border-radius: 100%;
		background: #F9F6E5;
		display: inline-block;
		cursor: pointer;
		
	}

	/* portfolios page */

		.portfolios-page .portfolios-box-overlay {
			-moz-box-shadow:    0px 0 0 0px rgba(71,110,77,0.35);
			box-shadow:         0px 0 0 0px rgba(71,110,77,0.35);
		}

	/* portfolios item */

		.portfolios-item h2 {
			margin-top: 0
		}

		.portfolios-item img {
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;  
		}

		.portfolio-item {
			margin: 0 auto;
			position: relative;
			margin-bottom: 4.30em;
			max-width: 100%;
			display: block;
		}

		.portfolio-item-small {
			height: 100px;
		}

		.portfolio-item > ul {
			width: 100%;
			max-width: 100%;
			height: 100%;
			position: relative;
			list-style: none;
			padding: 0;
			margin: 0 auto;
		}

		.portfolio-item li {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			pointer-events: none;
			opacity: 0;
			/* z-index: 999; */
		}

		.portfolio-item .current {
			opacity: 1;
			pointer-events: auto;
			/* z-index: 1000; */
		}

		.portfolio-item li img {
			display: block;
			max-width: 100%;
		}

		.portfolio-item nav a {
			position: absolute;
			width: 60px;
			height: 60px;
			color: #333;
			outline: none;
			overflow: hidden;
			text-align: center;
			line-height: 200px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}

		.portfolio-item-small nav a.prev {
			left: -20px;
		}

		.portfolio-item-small nav a.next {
			right: -20px;
		}

		.portfolio-item nav a::before {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			line-height: 60px;
			height: 100%;
			font-family: 'fontawesome';
			font-size: 60px;
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			opacity: 0.5;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.portfolio-item nav a:hover::before {
			opacity: 1;
		}

		.portfolio-item a.prev::before {
			content: "\f104";
		}

		.portfolio-item a.next::before {
			content: "\f105";
		}
 
/* --------------------------------------------------------------------------------- */
/* Video Block
/* --------------------------------------------------------------------------------- */	
	
	.video-block .title {
		text-transform: uppercase;
	}

	.video-block .line {
		background-color: #EA5604
	}

	.video-block img {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;  
	}

					

/* --------------------------------------------------------------------------------- */
/* Latest News
/* --------------------------------------------------------------------------------- */

	.latest-news {
		z-index: 80;
	}

	.latest-news .title {
		text-align: center;	
		text-transform: uppercase;
	}

	.latest-news .line {
		background-color: #EA5604;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2.15em;
	}

	.grid-wrap {
		clear: both;
	}

	.news-grid {
		margin: 12px auto;
		padding: 0;
		list-style: none;
	}

	.js .news-grid {
		background: url(../img/loading.gif) no-repeat 50% 100px;
	}

	.js .news-grid.loaded {
		background: none;
	}

	.news-grid li {
		display: inline-block;
		overflow: hidden;
		width: 360px;
		text-align: left;
		vertical-align: top;
	}

	.js .news-grid li {
		display: none;
		float: left;
	}

	.js .news-grid.loaded li {
		display: block;
	}

	/* Anchor and image */
		.news-grid li > a,
		.news-grid li img {
			display: block;
			outline: none;
			border: none;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;  
		}

		.news-grid li > a {
			position: relative;
			overflow: hidden;
			margin: 10px;
		}

	/* Curtain element */
		.news-grid .curtain {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
			width: 100%;
			height: 100%;
			background: #EA5604;
		}

		.news-grid.swipe-rotate .curtain {
			width: 200%;
			height: 200%;
			-webkit-transform: rotate3d(0,0,1,90deg);
			transform: rotate3d(0,0,1,90deg);
			-webkit-transform-origin: top left;
			transform-origin: top left;
		}

	/* Shadow */
		.news-grid .curtain::after {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,1);
			content: '';
		}

	.news-grid.swipe-rotate .curtain::after {
		left: -100%;
	}

	/* Title */
		.news-grid li h3 {
			position: absolute;
			bottom: 0;
			left: 0;
			margin: 0;
			padding: 10px 20px 15px 20px;
			width: 100%;
			background-color: #fff;
			color: #EA5604;
			text-align: right;
			font-size: 1em;
			font-weight: 700;

			-webkit-transition-duration: 1.2s;
			-moz-transition-duration: 1.2s;
			-o-transition-duration: 1.2s;
			transition-duration: 1.2s;

			-webkit-transition-timing-function: ease-in;
			-moz-transition-timing-function: ease-in;
			-o-transition-timing-function: ease-in;
			transition-timing-function: ease-in;
		}

	/* Hover effects */
		.news-grid li.shown:hover h3 {
			background-color: #EA5604;
			color: #F9F6E5;
			text-align: left;
			-webkit-transform: translate3d(0,-30px,0);
			transform: translate3d(0,-30px,0);

			-webkit-transition-duration: 0.4s;
			-moz-transition-duration: 0.4s;
			-o-transition-duration: 0.4s;
			transition-duration: 0.4s;
		}

	/* Animations */

		/* Swipe rotate */
			.news-grid.swipe-rotate li.animate .curtain {
				-webkit-animation: swipeRotate 1.5s ease forwards;
				animation: swipeRotate 1.5s ease forwards;
			}

			@-webkit-keyframes swipeRotate {
				0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
				50%, 60% { -webkit-transform: rotate3d(0,0,1,0deg); }
				100% { -webkit-transform: rotate3d(0,0,1,-90deg); }
			}

			@keyframes swipeRotate {
				0% {}
				50%, 60% { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); }
				100% { -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); }
			}

	/* Shadow */
		.news-grid li.animate .curtain::after {
			-webkit-animation: fadeOut 1.5s ease forwards;
			animation: fadeOut 1.5s ease forwards;
			-webkit-animation-delay: inherit;
			animation-delay: inherit;
		}

		@-webkit-keyframes fadeOut {
			0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
			50%, 60% { opacity: 1; }
			100% { opacity: 0; }
		}

		@keyframes fadeOut {
			0% {}
			50%, 60% { opacity: 1; }
			100% { opacity: 0; }
		}

	/* Hide image and title and show at half time */
		.js .news-grid li img,
		.js .news-grid li h3 {
			visibility: hidden;
		}

		.news-grid li.animate img,
		.news-grid li.animate h3 {
			-webkit-animation: showMe 1.5s step-end forwards;
			animation: showMe 1.5s step-end forwards;
		}

		@-webkit-keyframes showMe {
			from { visibility: hidden; }
			60%, 100% { visibility: visible; }
		}

		@keyframes showMe {
			from { visibility: hidden; }
			60%, 100% { visibility: visible; }
		}

		.news-grid li.shown img,
		.news-grid li.shown h3 {
			visibility: visible;
		}

/* --------------------------------------------------------------------------------- */
/* Testimonials
/* --------------------------------------------------------------------------------- */

	.testimonials {
		text-align: center;
	}

		.testimonials .title {
			color: #EA5604;
		}

		.quote-author {
			margin-bottom: 2.15em;
			display: block;
		}


		/* 
		 * 	Core Owl Carousel CSS File
		 *	v1.3.3
		 */

		/* clearfix */
		.owl-carousel .owl-wrapper:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}
		/* display none until init */
		.owl-carousel{
			display: none;
			position: relative;
			width: 100%;
			-ms-touch-action: pan-y;
		}
		.owl-carousel .owl-wrapper{
			display: none;
			position: relative;
			-webkit-transform: translate3d(0px, 0px, 0px);
		}
		.owl-carousel .owl-wrapper-outer{
			overflow: hidden;
			position: relative;
			width: 100%;
		}
		.owl-carousel .owl-wrapper-outer.autoHeight{
			-webkit-transition: height 500ms ease-in-out;
			-moz-transition: height 500ms ease-in-out;
			-ms-transition: height 500ms ease-in-out;
			-o-transition: height 500ms ease-in-out;
			transition: height 500ms ease-in-out;
		}
			
		.owl-carousel .owl-item{
			float: left;
		}
		.owl-controls .owl-page,
		.owl-controls .owl-buttons div{
			cursor: pointer;
		}
		.owl-controls {
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}

		/* mouse grab icon */

		.grabbing { 
		    cursor:url(../img/grabbing.png) 8 8, move;
		}

		/* fix */
		.owl-carousel  .owl-wrapper,
		.owl-carousel  .owl-item{
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility:    hidden;
			-ms-backface-visibility:     hidden;
			-webkit-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
		}

		/*
		* 	Owl Carousel Owl Quote Theme 
		*	v1.3.3
		*/

		.owl-theme .owl-controls{
			margin-top: 10px;
			text-align: center;
		}

		/* Styling Next and Prev buttons */

		.owl-theme .owl-controls .owl-buttons div{
			color: #FFF;
			display: inline-block;
			zoom: 1;
			*display: inline;/*IE7 life-saver */
			margin: 5px;
			padding: 3px 10px;
			font-size: 12px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			border-radius: 30px;
			background: #869791;
			filter: Alpha(Opacity=50);/*IE7 fix*/
			opacity: 0.5;
		}

		/* Clickable class fix problem with hover on touch devices */
		/* Use it for non-touch hover action */
		.owl-theme .owl-controls.clickable .owl-buttons div:hover{
			filter: Alpha(Opacity=100);/*IE7 fix*/
			opacity: 1;
			text-decoration: none;
		}

		/* Styling Pagination*/

		.owl-theme .owl-controls .owl-page{
			display: inline-block;
			zoom: 1;
			*display: inline;/*IE7 life-saver */
		}
		.owl-theme .owl-controls .owl-page span{
			display: block;
			width: 12px;
			height: 12px;
			margin: 5px 7px;
			filter: Alpha(Opacity=50);/*IE7 fix*/
			opacity: 0.5;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			border: 1px solid #EA5604;
		}

		.owl-theme .owl-controls .owl-page.active span,
		.owl-theme .owl-controls.clickable .owl-page:hover span{
			filter: Alpha(Opacity=100);/*IE7 fix*/
			opacity: 1;
			background: #EA5604;
		}

		/* preloading images */
		.owl-item.loading{
			min-height: 150px;
			background: url(../img/AjaxLoader.gif) no-repeat center center
		}


/* --------------------------------------------------------------------------------- */
/* Footer
/* --------------------------------------------------------------------------------- */
	.footer {
		
		padding-top: 4.30em
	}

		.footer .title {
			font-weight: 400;
			margin-bottom: 2.15em;
		}

	/* footer logo */

		.footer-logo {
			position: absolute;
			top:-45px;
			left: 47.5%;
			width: 90px;
			height: 90px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			background: #F9F6E5;
			border: 5px solid #FFFFFF;
			-moz-box-shadow:    0px 1px 5px 0px rgba(0,0,0,0.20);
			box-shadow:         0px 1px 5px 0px rgba(0,0,0,0.20);
			text-align: center;
		}
		.footer-logo img {
			margin-top: 20px;
		}

	/* social links */

		.social-links {
			display: block;
			margin-bottom: 2.15em;
			overflow: hidden;
			border-top: 1px solid #7EBF84;
			border-bottom: 1px solid #7EBF84;
			
			text-align: center;
			color: #fff;
			font-size: 1.25em
		}	

			.social-links .col {
				padding: 1em 0;
				border-right: 1px solid #7EBF84;
			}

				.social-links  a {
						color: #fff;
						text-decoration: none;
					}

					.social-links  a:hover {
						color: #F9F6E5
					}

			.social-links .col:nth-last-child(1) {
				border-right: none;
			}

	 

	/* modules */

		.footer .module-title {
			color: #F9F6E5;
			text-transform: uppercase;
			font-size: 1em;
			margin-bottom: 1em;
		}

 	
/* --------------------------------------------------------------------------------- */
/* Copyright
/* --------------------------------------------------------------------------------- */

	.copyright small i {
		font-size: 1.25em
	}


/* --------------------------------------------------------------------------------- */
/* Lightbox Image
/* --------------------------------------------------------------------------------- */

	.mfp-bg {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1042;
		overflow: hidden;
		position: fixed;
		background: rgba(52, 54, 66, 0.9);
		opacity: 0.8;
		filter: alpha(opacity=80); 
	}

	.mfp-wrap {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1043;
		position: fixed;
		outline: none !important;
		-webkit-backface-visibility: hidden; 
	}

	.mfp-container {
		text-align: center;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		padding: 0 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}

	.mfp-container:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle; 
	}

	.mfp-align-top .mfp-container:before {
		display: none; 
	}

	.mfp-content {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin: 0 auto;
		text-align: left;
		z-index: 1045; 
	}

	.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
		width: 100%;
		cursor: auto; 
	}

	.mfp-ajax-cur {
		cursor: progress; 
	}

	.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
		cursor: -moz-zoom-out;
		cursor: -webkit-zoom-out;
		cursor: zoom-out; 
	}

	.mfp-zoom {
		cursor: pointer;
		cursor: -webkit-zoom-in;
		cursor: -moz-zoom-in;
		cursor: zoom-in; 
	}

	.mfp-auto-cursor .mfp-content {
		cursor: auto; 
	}

	.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none; 
	}

	.mfp-loading.mfp-figure {
		display: none; 
	}

	.mfp-hide {
		display: none !important; 
	}

	.mfp-preloader {
		color: #cccccc;
		position: absolute;
		top: 50%;
		width: auto;
		text-align: center;
		margin-top: -0.8em;
		left: 8px;
		right: 8px;
		z-index: 1044; 
	}

	.mfp-preloader a {
		color: #cccccc; 
	}

	.mfp-preloader a:hover {
		color: white; 
	}

	.mfp-s-ready .mfp-preloader {
		display: none; }

	.mfp-s-error .mfp-content {
		display: none; 
	}

	button.mfp-close, button.mfp-arrow {
		overflow: visible;
		cursor: pointer;
		background: transparent;
		border: 0;
		-webkit-appearance: none;
		display: block;
		outline: none;
		padding: 0;
		z-index: 1046;
		-webkit-box-shadow: none;
		box-shadow: none; }
		button::-moz-focus-inner {
		padding: 0;
		border: 0; 
	}

	.mfp-close {
		width: 44px;
		height: 44px;
		line-height: 44px;
		position: absolute;
		right: 0;
		top: 0;
		text-decoration: none;
		text-align: center;
		opacity: 0.65;
		filter: alpha(opacity=65);
		padding: 0 0 18px 10px;
		color: white;
		font-style: normal;
		font-size: 28px;
	}
	.mfp-close:hover, .mfp-close:focus {
		opacity: 1;
		filter: alpha(opacity=100); 
	}

	.mfp-close:active {
		top: 1px; 
	}

	.mfp-close-btn-in .mfp-close {
		color: #333333; 
	}

	.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
		color: white;
		right: -6px;
		text-align: right;
		padding-right: 6px;
		width: 100%; 
	}

	.mfp-counter {
		position: absolute;
		top: 0;
		right: 0;
		color: #cccccc;
		font-size: 12px;
		line-height: 18px; 
	}

	.mfp-arrow {
		position: absolute;
		opacity: 0.65;
		filter: alpha(opacity=65);
		margin: 0;
		top: 50%;
		margin-top: -55px;
		padding: 0;
		width: 90px;
		height: 110px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	}

	.mfp-arrow:active {
		margin-top: -54px; 
	}

	.mfp-arrow:hover, .mfp-arrow:focus {
		opacity: 1;
		filter: alpha(opacity=100); 
	}

	.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
		content: '';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		left: 0;
		top: 0;
		margin-top: 35px;
		margin-left: 35px;
		border: medium inset transparent; 
	}

	.mfp-arrow:after, .mfp-arrow .mfp-a {
		border-top-width: 13px;
		border-bottom-width: 13px;
		top: 8px; 
	}
	.mfp-arrow:before, .mfp-arrow .mfp-b {
		border-top-width: 21px;
		border-bottom-width: 21px;
		opacity: 0.7; 
	}

	.mfp-arrow-left {
		left: 0; 
	}

	.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
		border-right: 17px solid white;
		margin-left: 31px; 
	}

	.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
		margin-left: 25px;
		border-right: 27px solid #3f3f3f; 
	}

	.mfp-arrow-right {
		right: 0; 
	}

	.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
		border-left: 17px solid white;
		margin-left: 39px; 
	}

	.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
		border-left: 27px solid #3f3f3f; 
	}

	.mfp-iframe-holder {
		padding-top: 40px;
		padding-bottom: 40px; 
	}

	.mfp-iframe-holder .mfp-content {
		line-height: 0;
		width: 100%;
		max-width: 900px; 
	}

	.mfp-iframe-holder .mfp-close {
		top: -40px; 
	}

	.mfp-iframe-scaler {
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-top: 56.25%; 
	}

	.mfp-iframe-scaler iframe {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
		background: black; 
	}

	/* Main image in popup */
	img.mfp-img {
		width: auto;
		max-width: 100%;
		height: auto;
		display: block;
		line-height: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 40px 0 40px;
		margin: 0 auto; 
	}

	/* The shadow behind the image */
	.mfp-figure {
		line-height: 0; 
	}

	.mfp-figure:after {
		content: '';
		position: absolute;
		left: 0;
		top: 40px;
		bottom: 40px;
		display: block;
		right: 0;
		width: auto;
		height: auto;
		z-index: -1;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
		background: #444444; 
	}

	.mfp-figure small {
		color: #bdbdbd;
		display: block;
		font-size: 12px;
		line-height: 14px; 
	}

	.mfp-figure figure {
		margin: 0; 
	}

	.mfp-bottom-bar {
		margin-top: -36px;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		cursor: auto; 
	}

	.mfp-title {
		text-align: left;
		line-height: 18px;
		color: #f3f3f3;
		word-wrap: break-word;
		padding-right: 36px; 
	}

	.mfp-image-holder .mfp-content {
		max-width: 100%; 
	}

	.mfp-gallery .mfp-image-holder .mfp-figure {
		cursor: pointer; 
	}

	.mfp-ie7 .mfp-img {
		padding: 0; 
	}

	.mfp-ie7 .mfp-bottom-bar {
		width: 600px;
		left: 50%;
		margin-left: -300px;
		margin-top: 5px;
		padding-bottom: 5px; 
	}

	.mfp-ie7 .mfp-container {
		padding: 0; 
	}

	.mfp-ie7 .mfp-content {
		padding-top: 44px; 
	}

	.mfp-ie7 .mfp-close {
		top: 0;
		right: 0;
		padding-top: 0; 
	}

  

/* --------------------------------------------------------------------------------- */
/* Popup Modal
/* --------------------------------------------------------------------------------- */

	.white-popup-block {
		position: relative;
		background: #FFF;
		padding: 20px;
		width: auto;
		max-width: 500px;
		margin: 20px auto;
	}

/* --------------------------------------------------------------------------------- */
/* Loading
/* --------------------------------------------------------------------------------- */

	/* This is a compiled file, you should be editing the file in the templates directory */
	.pace {
		-webkit-pointer-events: none;
		pointer-events: none;

		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;

		-webkit-perspective: 12rem;
		-moz-perspective: 12rem;
		-ms-perspective: 12rem;
		-o-perspective: 12rem;
		perspective: 12rem;

		z-index: 2000;
		position: fixed;
		height: 6rem;
		width: 6rem;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.pace.pace-inactive .pace-progress {
		display: none;
	}

	.pace .pace-progress {
		position: fixed;
		z-index: 2000;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		height: 6rem;
		width: 6rem !important;
		line-height: 6rem;
		font-size: 2rem;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.8);
		color: #fff;
		font-weight: 100;
		text-align: center;

		-webkit-animation: pace-3d-spinner linear infinite 2s;
		-moz-animation: pace-3d-spinner linear infinite 2s;
		-ms-animation: pace-3d-spinner linear infinite 2s;
		-o-animation: pace-3d-spinner linear infinite 2s;
		animation: pace-3d-spinner linear infinite 2s;

		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.pace .pace-progress:after {
		content: attr(data-progress-text);
		display: block;
	}

	@-webkit-keyframes pace-3d-spinner {
		from {
			-webkit-transform: rotateY(0deg);
		}
		to {
			-webkit-transform: rotateY(360deg);
		}
	}

	@-moz-keyframes pace-3d-spinner {
		from {
			-moz-transform: rotateY(0deg);
		}
		to {
			-moz-transform: rotateY(360deg);
		}
	}

	@-ms-keyframes pace-3d-spinner {
		from {
			-ms-transform: rotateY(0deg);
		}
		to {
			-ms-transform: rotateY(360deg);
		}
	}

	@-o-keyframes pace-3d-spinner {
		from {
			-o-transform: rotateY(0deg);
		}
		to {
			-o-transform: rotateY(360deg);
		}
	}

	@keyframes pace-3d-spinner {
		from {
			transform: rotateY(0deg);
		}
		to {
			transform: rotateY(360deg);
		}
	}

/* --------------------------------------------------------------------------------- */
/* Breadcrumb
/* --------------------------------------------------------------------------------- */
 
	nav.breadcrumb {
		color: #ccc;
		margin: 0 0 2.15em 0;
	}

		nav.breadcrumb a {
			margin: 0 5px;
			text-decoration: none;
			color: #999;
		}

		nav.breadcrumb a:first-child {
			margin-left: 0;
		}

		nav.breadcrumb a:hover,
		nav.breadcrumb a:focus {
			color: #333;
		}

		nav.breadcrumb a:active {
			color: #666;
		}

		nav.breadcrumb strong {
			margin-left: 5px;
			font-weight: 600;
			color: #333;
		}	

/* --------------------------------------------------------------------------------- */
/* Search
/* --------------------------------------------------------------------------------- */

	form.search fieldset input[type="text"] {
		width: 82%;
		padding: 10px 14px;
		font-size: 18px;
		border: 1px solid #d2d8d8;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	form.search fieldset input[type="text"]:focus {
		border-color: #EA5604;
	}

	form.search fieldset input[type="submit"] {
		padding: 10px 14px;
		font-size: 18px;
		color: #fff;
		border: none;
		cursor: pointer;
		background-color: #EA5604;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;

		-webkit-font-smoothing: antialiased; 

		-webkit-transition-property: background;
		-moz-transition-property: background;
		-o-transition-property: background;
		transition-property: background;
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear;
	}

	form.search fieldset input[type="submit"]:hover,
	form.search fieldset input[type="submit"]:focus {
		background-color: #476e4d; 
	}

	form.search fieldset input[type="submit"]:active {
		background: #666;
	}		

/* --------------------------------------------------------------------------------- */
/* Blog
/* --------------------------------------------------------------------------------- */

	.blog-detail article.video, 
	.blog-detail article.audio, 
	.blog-detail article.image, 
	.blog-list article.video, 
	.blog-list article.audio, 
	.blog-list article.image {
		margin-bottom: 4.30em;
	}

	/* article image */
		.article-image {
			margin-bottom: 2.15em
		}

			.article-image img {
				display: block;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
			}

			.article-header {
				margin-bottom: 2.15em
			}

			.article-date {
				display: block;
				margin-bottom: 0
			}		

			.article-title {
				margin-top: 0
			}

			.article-info {
				list-style: none;
				margin: 2.15em 0;
			}

			.article-info > li {
				display: inline-block;
				margin-right: 20px;
				font-size: 0.875em;
			}

			.article-info>li .fa {
				display: inline-block;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				position: relative;
				top: 1px;
				margin-right: 15px;
				font-size: 18px;
				color: #d0d0d0;
			}	

		/* tags */

			.article-info > li.tags span {
				float: left;
				margin: 0 10px 0 0;
				font-size: 0.875em;
			}

			.article-info > li.tags span a {
				padding: 5px 10px 6px 25px;
				font-weight: 600;
				color: #999;
				background: #F9F6E5 url(../img/tag-bg.png) no-repeat 0 50%;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				-webkit-transition: background-color .2s ease-in-out;
				-moz-transition: background-color .2s ease-in-out;
				transition: background-color .2s ease-in-out;
			}

			.article-info > li.tags span a:hover,
			.article-info > li.tags span a:focus {
				background-color: #EA5604;
				color: #fff
			}

			.article-info > li.tags span a:active {
				background-color: #ccc;
			}

	/* article video */	

		.article-video {
			margin-bottom: 2.15em
		}

			/* Responsive Video */	
			.embed-video {
				position: relative;
				padding-bottom: 53.9%;
				padding-top: 35px;
				height: 0;
				overflow: hidden;
			}	

			.embed-video iframe {
				position: absolute;
				top:0;
				left: 0;
				width: 100%;
				height: 100%;
			}	

	/* article video */	

		.article-audio {
			margin-bottom: 2.15em
		}

	/* sidebar */

		.sidebar-widget {
			margin-top: 2.15em;
		}	

		.sidebar-widget ul {
			list-style: none;
			margin: 0
		}

		#sidebar .widget-title {
			position: relative;
			margin-bottom: 1.15em;
			padding-left: 15px;
			font-size: 1.125em;
			font-weight: 800;
			text-transform: uppercase;
		}	

		#sidebar .widget-title:before {
			content: '';
			display: block;
			position: absolute;
			top: 5px;
			left: 0;
			width: 5px;
			height: 18px;
			background-color: #EA5604;
		}

		/* sidebar links */

			.sidebar-links .widget-content {
				padding-left: 20px;
				border-left: 1px solid  #e1e1e1;
			}

			.sidebar-links ul > li:first-child {
				margin-top: 0;
			}

			.sidebar-links ul > li {
				position: relative;
				margin-top: 5px;
				font-weight: 500
			}

			.sidebar-links ul > li:before {
				content: '';
				display: block;
				position: absolute;
				top: 12px;
				left: -20px;
				width: 10px;
				height: 2px;
				border-top: 1px solid #e1e1e1;
			}


		/* sidebar articles */

			.sidebar-articles ul > li:first-child {
				margin: 0;
				padding: 0;
				border: 0;
			}

			.sidebar-articles ul > li {
				margin-top: 12px;
				padding-top: 12px;
				border-top: 1px solid #e1e1e1;
			}

			.sidebar-articles .article-title {
				font-size: 1em;
				font-weight: 500
			}

			.sidebar-articles .article-date {
				font-size: 0.875em;
			}

		/* sidebar tags */

			.sidebar-tags ol.tags li {
				float: left;
				margin: 0 5px 10px 0;
				font-size: 0.675em;
			}
			.sidebar-tags ol.tags li a {
				float: left;
				padding: 5px 10px 6px 25px;
				font-weight: 600;
				color: #999;
				background: #F9F6E5 url(../img/tag-bg.png) no-repeat 0 50%;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				-webkit-transition: background-color .2s ease-in-out;
				-moz-transition: background-color .2s ease-in-out;
				transition: background-color .2s ease-in-out;
			}

			.sidebar-tags ol.tags li a:hover,
			.sidebar-tags ol.tags li a:focus {
				background-color: #EA5604;
				color: #fff
			}

			.sidebar-tags ol.tags li a:active {
				background-color: #ccc;
			}

		/* pagination */
			nav.page {
				padding: 2.15em 0;
				display: block;
			}

			nav.page ul {
				text-align: center;
			}
			nav.page ul li {
				display: inline;
				margin: 0 4px 0 0;
			}
			nav.page ul li a {
				padding: 10px 15px;
				border: 1px solid #ddd;
				background: #fff;
				border-radius: 4px;
			}
			nav.page ul li a:hover,
			nav.page ul li a:focus {
				background-color: #EA5604;
				border-color: #ccc;
				color: #fff;
			}
			nav.page ul li a:active {
				background-color: #EA5604;
				border-color: #ddd;
			}

		/* article navigation */

			.article-navigation {
				margin-top: 2.15em;
				list-style: none;
			}

			.article-navigation:after {
				display: table;
				clear: both;
				height: 0;
				content: '';
			}

				.article-navigation .prev {
					float: left;
					width: 50%;
					margin-bottom: 24px;
				}	

				.article-navigation .next {
					float: right;
					width: 50%;
					margin-bottom: 24px;
					text-align: right;
				}

					.article-navigation h5 {
						color: #333;
						text-transform: uppercase;
					}	

		/* article author */

			.article-author{
				margin-top: 2.15em
			}

			.article-author:after {
				display: table;
				clear: both;
				height: 0;
				content: '';
			}
			.article-author .title {
				position: relative;
				margin-bottom: 1.15em;
				padding-left: 15px;
				font-size: 1.125em;
				font-weight: 800;
				text-transform: uppercase;
			}	

			.article-author .title:before {
				content: '';
				display: block;
				position: absolute;
				top: 5px;
				left: 0;
				width: 5px;
				height: 18px;
				background-color: #EA5604;
			}

			.article-author .author-inner {
				position: relative;
				padding: 24px 0 24px 140px;
				min-height: 158px;
				border: 1px solid #e1e1e1;
				border-width: 1px 0;
			}

			.article-author .author-portrait {
				position: absolute;
				top: 24px;
				left: 0;
				padding: 5px;
				width: 110px;
				height: 110px;
				border-radius: 50%;
			}

			.article-author .author-portrait > span {
				display: block;
				padding-bottom: 100%;
				width: 100px;
				height: 0;
				border-radius: 50%;
				overflow: hidden;
			}

			.article-author .author-portrait {
				background-color: #EA5604;
			}

			.article-author .author-name {
				margin: 6px 0 12px 0;
				font-weight: 800;
				text-transform: uppercase;
				font-size: 1em
			}

			.article-author .author-social {
				margin-top: 12px;
				font-size: 1.25em;
				list-style: none;
			}

			.article-author .author-social>li {
				display: inline-block;
				margin-right: 5px;
			}

		/* article related */

			.article-related {
				margin-top: 2.15em
			}

			.article-related:after {
				display: table;
				clear: both;
				height: 0;
				content: '';
			}
			.article-related .title {
				position: relative;
				margin-bottom: 1.15em;
				padding-left: 15px;
				font-size: 1.125em;
				font-weight: 800;
				text-transform: uppercase;
			}	

			.article-related .title:before {
				content: '';
				display: block;
				position: absolute;
				top: 5px;
				left: 0;
				width: 5px;
				height: 18px;
				background-color: #EA5604;
			}

			.article-related .article-image {
				margin-bottom: 1.15em
			}

			.article-related article {
				margin: 0 auto 24px auto;
				max-width: 320px;
			}

			.article-related h3 {
				font-size: 1.25em;
				font-weight: 500;
			}

			.article-related article .article-image a {
				display: block;
				border: 0;
				display: block;
				position: relative;
				overflow: hidden;
				-webkit-transform: translate3d(0, 0, 0);
			}

			.article-related article .article-image a:before {
				background-color: #EA5604;
			}

			.article-related article .article-image a:before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 20;
				opacity: 0;
				filter: alpha(opacity=0);
				-webkit-transition: all 700ms ease-in-out;
				-moz-transition: all 700ms ease-in-out;
				-ms-transition: all 700ms ease-in-out;
				-o-transition: all 700ms ease-in-out;
				transition: all 700ms ease-in-out;
			}

			.article-related article .article-image a img {
				z-index: 10;
				-webkit-transform: scale(1);
				-moz-transform: scale(1);
				-ms-transform: scale(1);
				-o-transform: scale(1);
				transform: scale(1);
				-webkit-transition: all 1500ms ease-in-out;
				-moz-transition: all 1500ms ease-in-out;
				-ms-transition: all 1500ms ease-in-out;
				-o-transition: all 1500ms ease-in-out;
				transition: all 1500ms ease-in-out;
				-webkit-transform: translate3d(0, 0, 0);

				top: 0;
				left: 0;
			}

			.article-related article .article-image a:hover img {
				-webkit-transform: scale(1.2) translate(-5px, -5px);
				-moz-transform: scale(1.2) translate(-5px, -5px);
				-ms-transform: scale(1.2) translate(-5px, -5px);
				-o-transform: scale(1.2) translate(-5px, -5px);
				transform: scale(1.2) translate(-5px, -5px);
			}

			.article-related article .article-image a:after {
				content: "\f067";
				display: block;
				position: absolute;
				top: 50%;
				left: 0;
				color: #fff;
				margin-top: -10px;
				width: 100%;
				font-size: 24px;
				text-align: center;
				z-index: 30;
				opacity: 0;
				filter: alpha(opacity=0);
				display: inline-block;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				-webkit-transition: all 700ms ease-in-out;
				-moz-transition: all 700ms ease-in-out;
				-ms-transition: all 700ms ease-in-out;
				-o-transition: all 700ms ease-in-out;
				transition: all 700ms ease-in-out;
			}

			.article-related article .article-image a:hover:after, 
			.article-related article .article-image a:hover:before {
				opacity: 1;
				filter: alpha(opacity=100);
			}

		/* article related */

			.article-comments {
				margin-top: 2.15em
			}

			.article-comments:after {
				display: table;
				clear: both;
				height: 0;
				content: '';
			}
			.article-comments .title {
				position: relative;
				margin-bottom: 1.15em;
				padding-left: 15px;
				font-size: 1.125em;
				font-weight: 800;
				text-transform: uppercase;
			}	

			.article-comments .title:before {
				content: '';
				display: block;
				position: absolute;
				top: 5px;
				left: 0;
				width: 5px;
				height: 18px;
				background-color: #EA5604;
			}

				.article-comments .comment-list {
					list-style: none;
					margin-top: 4.30em
				}

					.article-comments .comment-list .comment {
						position: relative;
						padding-left: 130px;
					}

					.article-comments .comment-list .comment-list {
						margin: 4.30em 0 0 8.60em;
					}


						.article-comments .comment-list .comment-portrait {
							position: absolute;
							top: 0;
							left: 0;
							width: 100px;
							height: 100px;
							border-radius: 50%;
							overflow: hidden;
						}

						.article-comments .comment-list > li {
							margin-top: 4.30em
						}

						.article-comments .comment-list > li:first-child {
							margin: 0;
						}


						.article-comments .comment-list .comment-list > li:first-child {
							margin-top: 0;
						}

						.article-comments .comment-list .comment {
							position: relative;
							padding-left: 130px;
						}

						.article-comments .comment-list .comment-author {
							margin-bottom: 12px;
							font-size: 0.875em;
							text-transform: uppercase;
							font-weight: 700
						}

						.article-comments .comment-list .comment-content {
							font-size: 0.875em;
						}

						.article-comments .comment-list .comment-info {
							margin-top: 12px;
							padding-top: 10px;
							font-size: 0.875em;
							border-top: 1px solid #e1e1e1;
						}

						.article-comments .comment-list .comment-info {
							margin-top: 12px;
							padding-top: 10px;
							font-size: 0.875em;
							border-top: 1px solid #e1e1e1;
						}
						.article-comments .comment-list .comment-date {
							float: left;
							font-size: 0.875em;
							font-weight: 600
						}

						.article-comments .comment-list .comment-date:before, 
						.article-comments .comment-list .comment-reply:before {
							position: relative;
							top: 1px;
							margin-right: 7px;
							font-size: 16px;
							display: inline-block;
							font-family: FontAwesome;
							font-style: normal;
							font-weight: normal;
							color: #d0d0d0;
							line-height: 1;
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;
						}

						.article-comments .comment-list .comment-date:before {
							content: '\f017';
						}

						.article-comments .comment-list .comment-reply {
							float: right;
							border: 0;
							text-transform: uppercase;
							font-size: 0.875em;
							font-weight: 700
						}

						.article-comments .comment-list .comment-reply:before {
							content: '\f112';
							-webkit-transition: color 300ms ease-in-out;
							-moz-transition: color 300ms ease-in-out;
							-ms-transition: color 300ms ease-in-out;
							-o-transition: color 300ms ease-in-out;
							transition: color 300ms ease-in-out;
						}

						.article-comments .comment-list .comment-info:after {
							display: table;
							clear: both;
							height: 0;
							content: '';
						}
					
					/* article comment form */

						.article-comment-form {
							margin-top: 4.30em
						}		

						.article-comment-form .title {
							position: relative;
							margin-bottom: 1.15em;
							padding-left: 15px;
							font-size: 1.125em;
							font-weight: 800;
							text-transform: uppercase;
						}	

						.article-comment-form .title:before {
							content: '';
							display: block;
							position: absolute;
							top: 5px;
							left: 0;
							width: 5px;
							height: 18px;
							background-color: #EA5604;
						}

						.article-comment-form textarea {
							height: 250px;
						}

/* --------------------------------------------------------------------------------- */
/* Contact
/* --------------------------------------------------------------------------------- */
	/* map */

		#google-container {
			position: relative;
			width: 100%;
			height: 200px;
			background-color: #EA5604;
			height: 600px;
		}

		#google-map {
			position: relative;
		}

		#google-map address {
			position: absolute;
			width: 100%;
			bottom: 0;
			left: 0;
			padding: 1em;
			background-color: #EA5604;
			color: white;
			text-align: center;
		}

		#google-zoom-in, 
		#google-zoom-out {
			height: 32px;
			width: 32px;
			cursor: pointer;
			margin-left: 4em;
			background-color: #EA5604;
			background-repeat: no-repeat;
			background-size: 32px 64px;
			background-image: url("../img/icon-controller.svg");
		}

		.no-touch #google-zoom-in:hover, 
		.no-touch #google-zoom-out:hover {
			background-color: #EA5604;
		}

		#google-zoom-in {
			background-position: 50% 0;
			margin-top: 4em;
			margin-bottom: 1px;
		}

		#google-zoom-out {
			background-position: 50% -32px;
		}

	/* contact form */

		.contact .cd-form {
			padding: 0;
		}

		.contact-form .title,
		.contact .title {
			position: relative;
			margin-bottom: 1.15em;
			padding-left: 15px;
			font-size: 1.125em;
			font-weight: 800;
			text-transform: uppercase;
		}	

		.contact-form .title:before,
		.contact .title:before {
			content: '';
			display: block;
			position: absolute;
			top: 5px;
			left: 0;
			width: 5px;
			height: 18px;
			background-color: #EA5604;
		}

		.contact-form textarea {
			height: 250px;
						}


/* --------------------------------------------------------------------------------- */
/* Progress
/* --------------------------------------------------------------------------------- */

	.bean-skills p { 
		margin-bottom: 20px; 
	}

	ul.bean-skillset {
		float: left;
		width: 100%;
		margin: 0
	}

	.skill-percent { 
		float: right; 
	}

	li.skill-bar {
		background-color: #7BC673;
		color: #FFF;
		margin-bottom: 1em;
		padding: 6px 15px;
		width: 300px;	
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
		   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
			    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);        
		}

/* --------------------------------------------------------------------------------- */
/* Team
/* --------------------------------------------------------------------------------- */

	.team .col {
		margin-bottom: 2.15em;
	}

	.team .team-content h4 {
		margin-top: 1.5em;
		margin-bottom: 0;
		font-size: 1.15em;
		font-weight: 500
	}

	.team .team-content .lead {
		font-size: 0.875em
	}

	.team figure {
		position: relative;
		display: inline-block;
		overflow: hidden;
		width: 100%;
	}

	/** Hexagon Mask **/
	.team figure:before {
		z-index: 3;
		position: absolute;
		display: block;
		content: '';
		top: 0; 
		left: 0;
		width: 100%; 
		height: 100%;
		pointer-events: none;
	}
	.team figure img {
		display: block;
		width: 100%; 
		height: 100%;
	}

	/** Contact Links **/
	.team figure .contact {
		z-index: 2;
		position: absolute;
		display: block;
		top: 0; 
		left: 0; 
		right: 0; 
		bottom: 0;
	}

	.team .contact a {
		color: #fff;
		display: block;
		line-height: 200px;
		text-align: center;
		font-size: 1.8em
	}

	.team figure .contact a {
		position: absolute;
		display: block;
		width: 50%; height: 50%;
		background-repeat: no-repeat;
		transition: all .25s ease-in-out;
	}

	.team figure .contact .tw {
		top: 0; 
		left: 0;
		background-color: rgba(0, 172, 238, .7);
		background-position: 30px 32px;
		transform: translate(-100%, -100%);
		-webkit-transform: translate(-100%, -100%);
		-moz-transform: translate(-100%, -100%);
		-o-transform: translate(-100%, -100%);
		-ms-transform: translate(-100%, -100%);
	}

		.team figure .contact .tw:hover {
			background-color: rgba(0, 172, 238, 1);
		}

	.team figure .contact .fb {
		top: 0; 
		right: 0;
		background-color: rgba(59, 89, 152, .7);
		background-position: -42px 32px;
		transform: translate(100%, -100%);
		-webkit-transform: translate(100%, -100%);
		-moz-transform: translate(100%, -100%);
		-o-transform: translate(100%, -100%);
		-ms-transform: translate(100%, -100%);
	}

		.team figure .contact .fb:hover {
			background-color: rgba(59, 89, 152, 1);
		}

	.team figure .contact .gp {
		bottom: 0; 
		left: 0;
		background-color: rgba(221, 75, 57, .7);
		background-position: 30px -40px;
		transform: translate(-100%, 100%);
		-webkit-transform: translate(-100%, -00%);
		-moz-transform: translate(-100%, 100%);
		-o-transform: translate(-100%, 100%);
		-ms-transform: translate(-100%, -00%);
	}

		.team figure .contact .gp:hover {
			background-color: rgba(221, 75, 57, 1);
		}

	.team figure .contact .ma {
		bottom: 0; 
		right: 0;
		background-color: rgba(153, 153, 153, .7);
		background-position: -42px -40px;
		transform: translate(100%, 100%);
		-webkit-transform: translate(100%, 100%);
		-moz-transform: translate(100%, 100%);
		-o-transform: translate(100%, 100%);
		-ms-transform: translate(100%, 100%);
	}

		.team figure .contact .ma:hover {
			background-color: rgba(153, 153, 153, 1);
		}

	.team figure:hover .contact a {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
	}

/* --------------------------------------------------------------------------------- */
/* Gallery
/* --------------------------------------------------------------------------------- */
	
	.gallery .row {
		margin-bottom: 2.15em
	}

	.gallery figure {
		position: relative;
		display: inline-block;
		overflow: hidden;
		width: 100%;
	}

	/** Hexagon Mask **/
	.gallery figure:before {
		z-index: 3;
		position: absolute;
		display: block;
		content: '';
		top: 0; 
		left: 0;
		width: 100%; 
		height: 100%;
		pointer-events: none;
	}
	.gallery figure img {
		display: block;
		width: 100%; 
		height: 100%;
	}

/* --------------------------------------------------------------------------------- */
/* Media Queries
/* --------------------------------------------------------------------------------- */


/* Kindle landscape · width: 1024px */
/* iPad landscape · width: 1024px */

	@media only screen and (max-width: 1024px) {

	/* Services */
		.services .services-right .fa {
			font-size: 2.15em
		}

		.services-grid .services-title,
		.services-grid .services-intro-text {
			font-size: 0.75em
		}

		.services-grid .services-intro-text {
			font-weight: 500
		}

	/* Portfolios Page */
		.portfolios-box {
			width: 215px;
			height: 215px;
			margin-right: auto;
			margin-left: auto;
			 
		}

	/* Footer */

		.footer-logo {
			left: 45.5%;
		}

	/* Portfolio Item */

		.portfolios-item .col {
			margin-left:0;
		}

		.portfolios-item .span-1,
		.portfolios-item .span-2,
		.portfolios-item .span-3,
		.portfolios-item .span-4,
		.portfolios-item .span-5,
		.portfolios-item .span-6,
		.portfolios-item .span-7,
		.portfolios-item .span-8,
		.portfolios-item .span-9,
		.portfolios-item .span-10,
		.portfolios-item .span-11,
		.portfolios-item .span-12 {
			width:100%;
			margin-bottom: 2%;
		}

		.portfolio-item-small {
			height: 830px;
		}

		.portfolio-item li img {
			width: 100%;
		}

		.portfolio-item-small nav a {
			top: 100%;
			-webkit-transform: translateY(0%);
			transform: translateY(0%);
		}

		.portfolio-item-small nav a.prev {
			left: 50%;
			margin-left: -60px;
		}

		.portfolio-item-small nav a.next {
			right: auto;
			left: 50%;
		}

	/* Team */

		.team .contact a {
			line-height: 125px
		}


	}

/* iPad portrait · width: 768px */

	@media only screen and (max-width: 768px) {

	/*Grid System*/

		.col {
			margin-left:0;
		}

		.row {
			margin:0;
		}

		.span-1,
		.span-2,
		.span-3,
		.span-4,
		.span-5,
		.span-6,
		.span-7,
		.span-8,
		.span-9,
		.span-10,
		.span-11,
		.span-12 {
			width:100%;
			margin-bottom: 2%;
		}

	/* Typography */

		h1 {font-size: 2.6em;}

		h2 {font-size: 2em;}

		h3 {font-size: 1.5em;}

		h4 {font-size: 1.1em;}
  
		p {font-size: 0.889em;}

		.lead {
			font-size: 1.25em
		} 

	/* Utility */

		.at-float-left, 
		.at-float-right { 
			float: none; 
		}
	
		section {
			text-align: center;

		}

	/* Services */

		.services .container {
			width: 100%;
		}

		.services .col {
			margin: 0;
			text-align: center;
		}

		.services .services-left {
			background-color: #F9F6E5;
		}
		.services-grid li {
			width: 100%;
		}

		.services-grid li:nth-child(-n+2){
			border-top: 1px solid #F9F6E5;
		}

		.services-grid li:nth-child(2n-1) {
			box-shadow: none
		}

		.services-grid li:first-child {
			border-top: none;
		}

		.services .services-left,
		.services .services-left .our-services {
			min-height: 460px;
			padding: 0 2em;
		}

		.services .services-left {
			text-align: center;
		}

		.services .services-left .middle .line {
			margin-left: auto;
			margin-right: auto
		}

		.services .services-right .fa {
			font-size: 3em
		}

		.services-grid .services-title,
		.services-grid .services-intro-text {
			font-size: 1em
		}

	/* Portfolios Page */

		.portfolios .span-3 {
			width: 46% !important;
			float: left;
		}
		.portfolios-box {
			width: 300px;
			height: 300px;
			margin-bottom: 2em;
		}

		.portfolios .col {
			margin-left:2% !important;
		}

		.portfolios .col:last-child {
			margin-right:0;
		}

	/* Portfolio Item */

		.portfolio-item-small {
			height: 620px;
		}

		.portfolio-item li img {
			width: 97%;
		}

	/* Video Block */
		.video-block img {
			width: 100%;
			margin-bottom: 2.15em
		}

		.video-block .line {
			margin-left: auto;
			margin-right: auto
		}

	/* Latest News */

		.grid li {
			width: 280px;
		}

	/* Footer */

		.footer-logo {
			left: 44.5%;
		}

		.footer .title {
			text-align: center;
		}

		.footer ul {
			list-style: none;
		}

		.footer .col {
			text-align: center;
			margin-bottom: 2.15em
		}

			/* Social Links */
			.social-links {
				border: none;
			}

			.social-links .col {
				border: 1px solid #7EBF84;
				width: 23%;
				margin-bottom: 0
			}

			.social-links .col:nth-last-child(1) {
				border-right: 1px solid #7EBF84;
			}

	/* Breadcrumb */

		nav.breadcrumb {
			font-size: 0.75em;
			text-align: left;
			margin: 0 0 2.15em 1em;
		}

	/* blog article */

			.article-info > li {
				margin-bottom: 1em;
			}

			.article-info > li.tags span {
				margin: 0 10px 15px 0;
			}

			.article-author .author-inner {
				padding: 1em 0
			}

			.article-author .author-portrait {
				position: relative;
				margin: 0 auto
			}

			.article-author .author-name {
				margin-top: 2.15em;
				text-align: center;
			}

			.article-author .author-social {
				text-align: center;
			}

			.article-comments .comment-list .comment-portrait {
				position: relative;
			}

			.article-comments .comment-list .comment {
				padding-left: 0
			}

			.article-comments .comment-list .comment-list {
				margin: 4.30em 0 0 1em
			}

			.article-comment-form {
				padding: 0;
				margin-bottom: 2.15em
			}

	/* Team */

		.team .contact a {
			line-height: 400px;
			font-size: 2.15em
		}

	/* Map */

		#google-map address {
			font-size: 15px;
			font-size: 0.9375rem;
			text-align: center;
		}

		#google-container {
			height: 300px;
		}

		#google-zoom-in {
			margin-top: 50px;
		}
			
		#google-zoom-in, #google-zoom-out {
			margin-left: 50px;
		}

		
	}

/* Kindle portrait · width: 600px */
/* Android (Nexus 4) landscape · width: 600px */

	@media only screen and (max-width: 600px) {
		
	/* Typography */

		h1 {font-size: 2em;}

		h2 {font-size: 1.8em;}

		.lead {
			font-size: 1em
		} 

	/* Main Slider */

		.slider-content {
			padding: 0 2em;
		}

	/* Promo */

		.promo {
			padding: 0 2em;
		}

	/* Portfolios Page */
		.portfolios .span-3 {
			width: 100% !important;
			float: none;
		}
		.portfolios-box {
			width: 338px;
			height: 338px;
			margin-bottom: 2em;
		}

		.portfolios .col {
			margin-left: 0 !important;
		}

		.portfolios .col:last-child {
			margin-right:0;
		}

	/* Portfolio Item */

		.portfolio-item-small {
			height: 480px;
		}

		.portfolio-item li img {
			width: 100%;
		}

	/* Video Block */

		.video-block {
			padding: 0 2em;
		}

	/* Latest News */

		.news-grid li {
			width: 360px;
		}

	/* Testimonials */

		.testimonials {
			padding: 0 2em;
		}

	/* Footer */

		.footer-logo {
			left: 42%;
		}

	/* Team */

		.team .contact a {
			line-height: 320px;
		}

	/* Menu fix */

		.canvas-menu-fix{ 
			width: 240px;
			position: relative !important; 
		}

	}


/* iPhone 5 landscape · width: 568px */

	@media only screen and (max-width: 568px) {
		
	}

/* iPhone 3+4 landscape · width: 480px */

	@media only screen and (max-width: 480px) {
	
	/* Services */	
		.services .services-left,
		.services .services-left .our-services {
				padding: 0 1.15em;
			}


	/* Footer */

		.footer-logo {
			left: 40%;
		}

	/* Buttons */

		.btn-large {
			padding: 0 1em;
			line-height: 2.5;
			font-size: 1em
		}

	/* Portfolio Item */

		.portfolio-item-small {
			height: 400px;
		}

	/* Team */

		.team .contact a {
			line-height: 250px;
		}


	}
 
/* Android (Nexus 4) portrait · width: 384px */

	@media only screen and (max-width: 384px) {
		
	/* Main Slider */
		.main-slider-fullwidth {
			height: 480px;
		}
		.main-slider-fullwidth .slider-content {
			padding: 1em
		}

		.main-slider nav a {
			width: 40px;
			height: 40px;
			line-height: 40px;
			font-size: 21px;
		}

	/* Video Block */

		.video-block {
			padding: 0 .3em;
		}

	/* Latest News */

		.news-grid li {
			width: 335px;
		}

	/* Footer */

		.footer-logo {
			left: 38%;
		}

	/* Portfolio Item */

		.portfolio-item-small {
			height: 320px;
		}

	/* Team */

		.team .contact a {
			line-height: 200px;
		}

	}

/* Crappy Android landscape · width: 320px */
/* iPhone 5 portrait · width: 320px */
/* iPhone 3+4 portrait · width: 320px */

	@media only screen and (max-width: 320px) {

	/* Typography */

		h1 {font-size: 1.4em;}

		h2 {font-size: 1em;}

		.lead {
			font-size: 0.75em
		} 

	/* Portfolios */
		.portfolios-box {
			width: 270px;
			height: 270px;
		}

	/* Latest News */

		.news-grid li {
			width: 280px;
		}

	/* Footer */

		.footer-logo {
			left: 35%;
		}

	/* Signin Signup */

		.cd-user-modal-container .cd-switcher a {
			height: 30px;
			line-height: 30px;
			font-size: .75em
		}

		input[type="text"], input[type="email"], textarea, 
		.cd-form .hide-password {

			font-size: 0.75em;
			font-weight: 500
		}

		.option-container label {
			font-size: .90em;
		}

		.cd-form input[type=submit] {
			padding: 5px;
		}

	/* Portfolio Item */

		.portfolio-item-small {
			height: 240px;
		}

		.portfolio-item nav a {
			width: 40px;
			height: 40px;
		}

		.portfolio-item nav a::before {
			font-size: 40px
		}

		.portfolio-item-small nav a.prev {
			margin-left: -40px
		}

	/* Team */

		.team .contact a {
			line-height: 160px;
		}
		
	}

/* Crappy Android portrait · width: 240px */

	@media only screen and (max-width: 240px) {

	/* Footer */

		.footer-logo {
			left: 31%;
		}

	/* Latest News */
		
		.news-grid li {
			width: 200px
		}

	/* Navigation */

		.navigation-btn {
			float: none;
			margin: 1em 0 0 0;
			text-align: center;
		}

	/* Promo */

		.promo {
			padding: 0 .5em;
		}

	/* Typography */
		h3 {font-size: 1.1em;}
		h4 {font-size: 1em;}

	/* Services */	

		.services .services-left,
		.services .services-left .our-services {
			padding: 1.15em 0.5em;
		}

	/* Portfolios */

		.portfolios-box {
			width: 200px;
			height: 200px;
		}

	/* Buttons */

		.btn-large {
			padding: 0 1em;
			font-size: .75em
		}

	/* Testimonials */

		.testimonials {
			padding: 0 1em;
		}

	/* Portfolio Item */

		.portfolio-item-small {
			height: 180px;
		}

/* Team */

.team .contact a {
			line-height: 120px;
			font-size: 1.4em
		}
		
	}
/* 每页header部分 搜索 div */
.index-select{
	text-align: center;
	width: 600px;
	height: 100px;
	 padding-top: 15px;
	 margin-left: 200px;
}
/* 每页header部分 搜索框 */
.index-select-input-text{
	width: 60%;
	border: #EA5604 solid 1px; 
	color: lightgray;
	vertical-align: bottom;
}
/* 每页header部分 搜索按钮 */
.index-select-button{
	width: 60px;
	height:40px;
	 background-color: #EA5604;
	 border: 0px;
	 border-radius: 4px;
	 }
/* 每页header部分 搜索按钮图标 */
#index-select-i{
	color: #FFFFFF;
}
/* 每页header部分 菜单栏div*/
.index-menu{
	height: 40px;
	width: 100%;
	text-align: center;
	/* 渐变2020.12.21 */
	 background-image: linear-gradient(to right,  #FF8C0A,#EA5604);
	/*  background-color: #EA5604; */
	/* font:14px/16px;  */
}
/* 每页header部分 菜单栏nav */
.index-menu-nav{
	padding-top: 10px;
	 overflow:hidden; 
}

/* 每页header部分 菜单栏每一项 */
.index-menu-a{
	font-weight: 400;
	color: #F9F6E5;
	padding-left: 20px;
	padding-right: 20px;
}
/* 必须填写信息的图标 */
.mustWrite{
	color: red;
	font-size: larger;
	font-weight: bold;

}
/* 一些文本框宽度 */
.input-width{
	width:120px;
}
.input-width-date{
	width:130px;
}
.input-width-tel{
	width:145px;
}
.input-width2{
	width:180px;
}
.input-width3{
	width:60px;
}

.breadcrumb-hr{
	FILTER: alpha(opacity=100,finishopacity=0,style=3);
	 margin-top: 15px; 
	width:100%; 

}

.select-height{
	
/*height:42.47px; 2020.12.30  高度导致文字显示不全 hanxl  */
vertical-align: middle;
width:180px;
}

/* 一些padding-top	 */	
.paddingtop1{
	padding-top:60px;
}
/* 一些padding-top  hanxl2021.01.13 前台景区菜单首页使用  间隔景区名称、地址、介绍	 */	
.paddingtop2{
	padding-top:40px;
}
/* 一些padding-top  hanxl2021.01.13 前台景区菜单首页使用  间隔景区名称、地址、介绍	 */	
.paddingtop3{
	padding-top:20px;
}
/* 一些margin-left	 */	
.marginleft1{margin-left:150px;}	
.marginleft2{margin-left:200px;}	
/* 前台景区 2021.01.13hanxl*/
 #scenicrow{
	
	 -moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	padding:24px 12px;
	background-color: #ffffff;
	border: 2px solid #dbe2d0;
} 
/* 前台景区菜单首页显示星级 2021.01.13 hanxl */
.scenicrate{
	font-size: 10px;
	font-weight: 600;
	background-color:#8FD59E;
	color:#FFFFFF;padding:2px 4px; 
}
/*前台景区菜单首页显示景区介绍 2021.01.13 hanxl */
.scenicintro{
	font-family: '黑体';
	color: gray;
	font-size: 18px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*前台景区菜单首页显示景区价格 2021.01.13 hanxl */
.scenicprice{
	padding-left:20px;
vertical-align: middle;
}
/*前台景区菜单首页显示景区惊爆价样式 2021.01.13 hanxl */
.scenicprice1{
	vertical-align: top;
	font-weight: 800;
	font-size: 24px;
}
/*前台景区菜单首页显示景区价格div样式 2021.01.13 hanxl */
.scenicprice2{
	width: 100%;
	padding-right:10%;
}
/*前台景区菜单首页显示景区价格￥和‘起’字样式 2021.01.13 hanxl */
.scenicprice3{
	color:#EA5604;
	font-size: 18px;
}
/*前台景区菜单首页显示景区价格样式 2021.01.13 hanxl */
.scenicprice4{
	font-weight: 900; 
	font-size: 36px;
	  height: 70px;
	 color: #EA5604;
	 text-align: center;
	font-family:'微软雅黑'
}

/* 2021.01.13 hanxl 前台景区菜单首页显示地址*/
.scenicadd{
	font-size: 18px;
	font-weight: 500;
}
/* 2021.01.18 hanxl 前台景区菜单预留页面样式*/
.reserveTicket{
	border: 2px solid #EA5604;
	 padding: 20px 20px;
	 width:70%;
}
/* 2021.01.18 hanxl 前台景区菜单预留页面填写订单人信息样式*/
.scenicorderinput{
	width:90%;
}
/* 2021.01.21 hanxl 前台景区菜单预留页面和填写收据页面背景为白色*/
.background{
	
	padding:20px;
	background-color: #FFFFFF;
}
/* 前台页面搜索边框 */
#websitesearchdiv{
	/* 2020.12.22  修改  搜索去掉边框   */
	/* border: 2px solid #EA5604;  
 -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; */
 box-sizing: border-box;
  padding:24px;

}

/* 按钮隐藏*/
/* .btn-nonedisplay{
		background-color: #EA5604;
		border: 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #fff;
		cursor: pointer;
		display: none;
		font-size: 1em;
		font-weight: 600;
		line-height: 2.2;
		padding: 0 1em;
		margin: 10px;
		-webkit-font-smoothing: antialiased; 

		-webkit-transition-property: background;
		-moz-transition-property: background;
		-o-transition-property: background;
		transition-property: background;
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear;
	}

	 */
	 
	 
/* 	 header菜单栏 */
/* 二级菜单动态显示 liys 2020.12.14*/
	.wrap > nav > ul > li > div > ul{
		display:none;
	}
	.wrap >nav>ul>li:hover ul{
		display:block;
	}
	.wrap>nav>ul>li>div{
	background-color: #ffe1d2;
	margin-top:6px;
	}
	.wrap>nav>ul>li>div>ul>li>a{
	color:#EA5604;
	}
    ul,ol{list-style:none}
        
        a:active{text-decoration:none} 
        /* 本案例CSS*/
     
        .wrap{margin: 0 auto;}
        #nav { display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
       
        ul.nav {display: inline-flex;flex: 1;}
        li.nav-item {flex: 1;}
        li.nav-item a {color:#FFFFFF;}
 		li.nav-item>a{display: block;text-align: center;position: relative;padding-top:6px;font-size:16px;line-height: 1.8;} 
        li.nav-item>a::before{ display: none; content: ''; position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); border-width: 0 10px 10px; border-style: solid; border-color: transparent transparent #E0EDD3;}
        
        li.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}
        /* 二级菜单 */
        .subMenu{display: none;position: absolute;top:40px;left: 0;width: 100%; height: aotu;background-color: #E0EDD3;}
        .subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
        .subMenu>ul>li>a{display:block;padding:0 18px;text-align: center;line-height: 50px;color: #119f0f;}
        .subMenu>ul>li>a:hover{color:red}
/* 登录后点击姓名弹出的信息栏    */
 .personalpop{
	display:none;
position: absolute;top:25px;left:-45px ;width: 200px; height: 120px;background-color: #E0EDD3;z-index:999;line-height: 1.5;border-radius: 4px;font-size:18px;
}  
.perul{
	margin-top:10px;
	/* 2021.01.14  hanxl 由于style.css预设样式第7行)中*{postion:relative;}被注释 个人中心下拉框位置改变  将postion:relative;修改到这里 */
	position: relative;
} 
   .perul li:hover div{display:block;}   
   .perleft{
   float:left;width:50%;height:100px";
   }
   .perright{
   float:right;width:50%;height:100px";
   }
    .perbtn{
  background-color:#EA5604;color:#ffffff;border:0px;padding:2px;border-radius: 4px;margin-top:10px;
    } 
               /*  签证左侧菜单 */
        /* hc_lnav */
.hc_lnav{z-index:9999;position:relative;margin:2px 0 0 0;}
.hc_lnav .allbtn{z-index:99999;position:relative}

/* 一级导航隐藏 */
.hc_lnav .allbtn ul{z-index:99999;position:absolute;background-color:#60a411;}
body.hc_home .hc_lnav .allbtn ul{display:block}
body.hc_list .hc_lnav .allbtn ul{display:block}
.hc_lnav .allbtn ul li{padding-bottom:7px;zoom:1;clear:both;cursor:default}
.hc_lnav .allbtn ul li .tx{background-image:url(img/header_bg1.png);line-height:35px;background-color:#559b0d;padding-left:10px;background-repeat:no-repeat;background-position:right center;height:35px;_background-image:none}
.hc_lnav .allbtn ul li .tx a{color:#ffffff;transition:color 0.1s ease-out 0s}
.hc_lnav .allbtn ul li dl{zoom:1;color:#ffffff;clear:both;overflow:auto;padding-top:4px}
.hc_lnav .allbtn ul li dl a{line-height:22px;white-space:nowrap;float:left;color:#d9e7ce;margin-left:6px;margin-right:6px;transition:color 0.1s ease-out 0s}
.hc_lnav .allbtn ul li dt{padding-left:10px;float:left;padding-top:1px}
.hc_lnav .allbtn ul li dd{line-height:22px;width:200px;float:left;padding-top:2px}
/* 二级导航隐藏 */
.hc_lnav .allbtn ul li .pop{border-bottom:#599900 2px solid;position:absolute;border-left:medium none;padding-bottom:10px;background-color:#fcfcfc;min-height:466px;padding-left:30px;width:800px;padding-right:30px;display:none;height:464px;border-top:medium none;top:0px;border-right:#599900 2px solid;padding-top:10px;left:190px;box-shadow:4px 4px 5px -1px #999999;-webkit-box-shadow:4px 4px 5px -1px #999999;-moz-box-shadow:4px 4px 5px -1px #999999}
.hc_lnav .allbtn ul li .pop h3{display:none;font-size:14px}
.hc_lnav .allbtn ul li .pop dl{padding-bottom:6px;color:#666666;padding-top:6px}
.hc_lnav .allbtn ul li .pop dl:hover{background-color:#f3f3f3}
.hc_lnav .allbtn ul li .pop dl a{color:#666666;margin-left:12px;margin-right:12px}
.hc_lnav .allbtn ul li .pop dl a.un{color:#a5a5a5}
.hc_lnav .allbtn ul li .pop dt{padding-left:0px;width:72px;}
.hc_lnav .allbtn ul li .pop dd{width:565px;margin-left:-12px;}
.hc_lnav .allbtn ul li .pop .act{width:640px;height:80px;overflow:hidden;padding-top:10px}

.hc_lnav .allbtn:hover ul{display:block}/* 控制一级菜单显示隐藏 */
.hc_lnav .allbtn ul li:hover{background-color:#fcfcfc}
.hc_lnav .allbtn ul li:hover .tx{background-color:#f5f5f5}
.hc_lnav .allbtn ul li:hover .tx a{color:#333333}
.hc_lnav .allbtn ul li:hover .tx a i{background-position:0px -25px}

.hc_lnav .allbtn ul li:hover .pop{display:block;top:0px;left:274px}/* 控制二级菜单显示隐藏 */
.hc_lnav .allbtn ul li:hover .pop dl a.un{color:#a5a5a5;text-decoration:none}
.hc_lnav .allbtn ul li:hover dl{color:#6e6e6e}
.hc_lnav .allbtn ul li:hover a{color:#666666}
.hc_lnav .allbtn ul li:hover a:hover{color:#cd0606}





/* 更新2020.12.01 */

/*首页定位  */
#location{
	width:80px;
	float: right;
	
	
}
	.index-location{
		border: none;
		color: #000000;
		text-align: center;
		text-decoration: none;
		font-size: 18px;
		background-color: #FFFFFF;
		margin-left: 40px;
		margin-top:14px;
	}
   	/*div 首页搜索  新增 */
	
	#index-search{
	text-align: left;
	width:34%;
	height: 51px;
	margin-left: 27%;
	background-color:#EA5604 ;
	margin-bottom:40px;
	margin-top: 20px;
	border-radius: 4px;
	}
	/*input 首页搜索  新增 */
	#index-search-input{
		border-radius: 4px;
		width: 85%;
		height: 51px;
		border:#EA5604 solid 2px ;
		text-align: center;
		vertical-align: middle;
		font-size: 18px;
		
	}
	#index-search-input::-webkit-input-placeholder{
		font-size: 20px;
		color: #BDBDBD;
		
	}
	#index-search-btn{
		margin-left: 2.5%;
		vertical-align: middle;
		background-color: #EA5604;
		border: 0px;
		width:10%;
	}  
	/*底部导航栏公司信息 设置行高  */   
	.footer-line {
line-height:8pt;
font-size: 16px;
	}
	/*底部导航栏顾客中心 设置字体大小  */   
	.footer-size {
	margin-top:10px;
font-size: 14px;
padding-bottom:10px;
	}
	/*首页 前台招投标页面背景颜色  */ 
	#index-back{
	background-color:#f1f4ed;
	width: 100%;
	height:auto;
	padding-bottom:60px;
	} 
/*前台除招投标菜单外页面、后台菜单模块背景颜色  */ 
	#menu-back{
	background-color:#FFFFFF;
	width: 100%;
	height:auto;
	padding-bottom:60px;
	} 
 	/* 首页线路模块展示 */
	.tabbox{width:95%;height:590px;background:#ffffff;font-family:'微软雅黑'; margin-top:40px;}
.tabbox .tab{overflow:hidden;background:#f1f4ed;border-bottom: #EA5604 2px solid;}
.tabbox .tab a{display:block;padding:10px 20px;float:left;text-decoration:none;color:#333;border-radius:5px 5px 0 0 ;}
.tabbox .tab a:hover{background:#E64E3F;color:#fff;text-decoration:none;}
.tabbox .tab a.on{background:#7ac943;color:#fff;text-decoration:none;}
.tabbox .content{overflow:hidden;height:550px;position:relative;border-bottom:  #dbe2d0 2px solid; border-left:  #dbe2d0 2px solid;border-right:  #dbe2d0 2px solid;}
.tabbox .content ul{position:absolute;left:0;top:0;height:550px;}
.tabbox .content li{width:20%;height:550px;float:left;padding-top:40px;}
.tabbox .content li p{margin-left:20px;}

/*  首页客服回到顶部side */
.side{position:fixed;width:54px;height:275px;right:0;bottom:42px;z-index:999;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #dbe2d0;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#7ac943;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#c0c0c0;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#c0c0c0;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
/*2020.10.04 前台招标模块显示 招标人   */
.titleinvitenamecss{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   
}
h5 .invitenamecss{
	border: 0;
	font-weight: 700;
	 
	 width: 18%;
	  height: 25px;
	 color: #EA5604;
	 text-align: left;
	 padding:0 8px;
	 margin-right: 3%;
}
h5 .invitebudgetcss{
	border: 0;
	font-weight: 700;
	color:#EA5604 ;
	 width: 20%;
	  height: 25px;
	 
	 text-align: left;
	 padding:0 8px;
	 margin-right: 3%;
}
/*2020.10.04 前台招标模块显示 招标类型   */
h5 .invitetypecss{
	border: 0;
	font-weight: 700;
	color:#EA5604 ;
	width: 16%;
	height: 25px;
	
	margin-top: 5px; 
text-align: left;
  padding:0 8px;
 margin-right: 3%;
}
/*2020.10.04 前台招标模块显示 投标数量   */
h5 .tendernumbercss{

	border: 0;
	font-size: 18px;
	 font-weight: 700;
	color:#EA5604 ;
	   width: 25%;
	height: 25px;
	  margin-top: 5px;
	  text-align: left;
	   
	  padding:0 8px;
}
/*2020.10.04 前台招标模块显示 招标要求   */
.team-content{
	padding-top: 10px;
	height: 220px;
	/*根据鲁美设计  不要上边框 背景颜色为白色 2020.12.21 hanxl */
	border:#F1F4ED solid 2px;
	border-top:0px;
	background-color: #FFFFFF;
	
}
/*首页招标显示 line线条样式  */
.bidline {
			
			height: 8px;
			background: #EA5604;
			display: block;
		}
.bidcontent{
	height: 150px;
	margin-bottom:20px;
	background-color: #f9f6e5;
	padding:10%;
}
.bidnamefont {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size:24px;
font-weight: 400;
}
	/*首页展示模块  */
/* demo */

.demo{width:95%; margin:40px auto;position:relative;}
/* tabbtn */
.tabbtn{height:38px;border-bottom:#EA5604 2px solid;}

.tabbtn li{float:left;position:relative;}

.tabbtn li a{display:block;color:#000000;float:left;height:36px;line-height:36px;overflow:hidden;padding:0 20px;text-align:center;font-size:20px;cursor:pointer;}

.tabbtn li.current{background: #7ac943;color: #fff;text-decoration: none;border-radius: 5px 5px 0 0;}

.tabbtn li.current a{background:#7ac943;color:#FFFFFF;font-weight:400;font-size:20px;border-radius: 5px 5px 0 0;}

/* tabcon */

.tabcon{border-width:0 2px 2px 2px;border-color:#dbe2d0;border-style:solid;position:relative;/*必要元素*/height:auto;overflow:hidden;background: #FFFFFF;text-align:center;padding-bottom:20px;}
.tabcon .sublist{padding:2%;height:auto;}
/* 首页右侧  宽度设置 hanxl 2020.12.16 */
.width34{
	width:34%;
}
/* 首页右侧  城市定位设置 hanxl 2020.12.16 */
#cityChoice{
	border: none;
	cursor:pointer;
	margin-top: 5px;
	width: 30%;
	margin-left:20%;
}
/* 首页右侧  个人中心设置  hanxl 2020.12.16*/
.margin-left15{
	margin-left:15%;
}
/*前台新建线路、投标 行程时  天数文本框宽度  */
.daywidth{
	width:30%;
}
/* 2020.12.21   根据鲁美设计 前台招标菜单页面 每条信息增加边框 */
	.invite-border{
	border: 2px solid #EA5604;
	padding:2%;
	margin-bottom:20px;
	background-color: #FFFFFF}
	/* 2020.12.22 前台招投标菜单首页 搜索字体样式      2020.12.30  前台景区菜单首页 使用 hanxl*/
.seachfont{
	color: #EA5604;
	font-size: 20px;
	font-weight: 600;
}
/* 2020.12.22   根据鲁美设计 前台招标菜单页面 设置搜索按钮样式*/
.btnheight{
	height:44px;
	vertical-align: middle;
	line-height: 0;
}
/* 2020.12.22   根据鲁美设计 前台招标菜单页面 设置标题颜色*/
.h2color{
	color:#EA5604;
}
/* 2020.12.22   */
.invitedate{
	padding-top: 22px;
}
/* 2021.02.08   前台景区菜单搜索 价格单位*/
.fontsize{
	font-size:18px;
	font-weight: 600;
}
/* 2021.02.10   异步加载表格的高度   */
.tableheight{
	height:500px;
	width:100%;

}
/* 2021.02.22 验证框错误提示语 */
.error-message{
    margin: 4px 0 0 0;
    padding: 0;
    color: red;
    font-size:14px;
 }


.datagrid-btable tbody{
	font-size:16px;
}
/* 首页景区模块名称显示 2021.03.17hanxl*/
.scenicnamefont {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size:10px;
padding:0px 10%;

}
/* 前台酒店详情页面显示基本信息  2021.03.17 hanxl  */
.hotelinfo-table{
	width: 90%;
    border: 0px;
    margin: 20px auto;
    text-align: center;
	
}
/* 前台酒店详情页面显示基本信息  2021.03.17 hanxl  */
.hotelinfo-table th, .hotelinfo-table td{
	text-align: left;
	vertical-align: middle; 
	height: 45px;
	}
/* 前台酒店详情页面显示房间基本信息  2021.03.17 hanxl  */
.info-h5{
	color: #000000;
}
.planenamefont {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size:20px;
font-weight: 400;
}

/* 前台修改个人信息 */
.modifyperinfo-section-span{
	width: 718px; display: inline-block;
}
/* 前台重置密码  */
#modifypassword-input-container{
	text-align: center;
}
/* 后台会员管理首页 */
#information-div{
	display: none;
}
/* 信息展示表单 */
.info-form{
		padding: 0rem 1.5rem;
		margin: 1rem -1.5rem;
		border: 0px;
}
/* 信息展示标题 */
.info-h4{
	color:#EA5604;
	font-weight: bold;
}
/* 信息展示格式 */
.input-bottom{
	bottom:50px;
}
/* 搜索信息下拉列表框格式  2020.12.22 hanxl   根据鲁美样式更改 前台招标菜单首页用到*/
.input-select-vlign{
	vertical-align: middle;
}
/* 搜索信息条件分行格式 */
.select-condition{
	
	padding-left:30px;
}
/* 信息展示分页格式 */
.page-span{
	margin-left: 800px;
}
.info-table{
	width: 100%; 
	border: #E0EDD3 solid 1px;  
	margin: 20px auto;
	text-align: center;
	}
.info-table td, .info-table tr, .info-table th{ 
	border: #E0EDD3 solid 1px; 
	}
.info-table th, .info-table td{
	vertical-align: middle; 
	height: 45px;
	}

.info-table td input[type="button"]{
	height: 26px;
	line-height: 28px; 
	font-size: small;
	}
	
#headers-popup-i{
	margin-top:40px;
	margin-left: 60px;
}
.checkPopup,.upDatePopup/*, .fuzhi,.sanke,.duli,.xiaobao,.xinxi-sanke,.gaiming-sanke,
.gaijia-sanke,.sanke-sanke,.mingdan-sanke,.jihua-sanke,.jihuaxinxi-sanke,.jihuaxiugai-sanke,
.jihuadayin-sanke,.jiezhang-sanke,.weidan-sanke,.weidanxinxi-sanke,.weidantuan-sanke,
.yuliujiaokuan-duli,.shenhe */{
		 		z-index: 9999;
		 		position: fixed;
		 		left: 0px;
		 		top: 0px;
		 		background: #000;
		 		width: 100%;
		 		height: 100%;
		 		opacity: 0.9;
		 		display: none;
		 	}
.contentDiv{
		 		position: relative;
		 		background: #fff;
		 		width: 90%;
		 		height: 80%;
		 		border-radius: 5px;
		 		margin: 5% auto;
		 		overflow-y: scroll;
		 	}

.popupInfoTab {
		width: 90%; 
		border: #E0EDD3 solid 1px; 
		margin: 20px auto;
		}
.popupInfoTab td,.popupInfoTab tr,.popupInfoTab th{
		border: #E0EDD3 solid 1px; 
		height: 50px;
		vertical-align: middle;
		} 

textarea{
		width: 95%;
		height: 80px;
		resize: none;
		}
#tab ,#tab1{
	width:100%;
	height:auto; 
	border: #41A863 solid 1px;
	}
#tab ul,#tab1 ul{
	color: #FFFFFF; 
	list-style:none; 
	height:60px;
	line-height:30px;
	font-weight: 700;
	border-bottom:2px #25BB40 solid; 
	background-color: #E0EDD3;
	margin: 2px;
	}
#tab ul li,#tab1 ul li{
	width: 10%; 
	background:white;
	cursor:pointer;
	float:left; 
	text-align: center;
	list-style:none; 
	height:40px; 
	line-height:29px;
	padding:0px 10px;
	margin-top:20px; 
	margin-left: 20px; 
	border-bottom:2px solid #25BB40; 
	background-color: #25BB40;
	border-radius:  10px 10px 0px 0px;}
#tab ul li.on,#tab1 ul li.on{
	color: #000000; 
	border-top:2px solid #25BB40; 
	border-bottom:2px solid #FFF; 
	background-color: #FFFFFF;}
#tab div,#tab1 div{
	width:100%; 
	line-height:24px;
	border-top:none;  
	padding:10px;
		  }
.xingcheng-tab{
	width: 98%;
	border: #E0EDD3 solid 1px;  
	margin: 20px auto;
	text-align: center;
	}
.xingcheng-tab tr,.xingcheng-tab td {
	border: #E0EDD3 solid 1px; 
	}
.hide{
	display:none;
	}
.out{
	font-weight: 1000; 	
	color: #333333;
	}
@media print{
	#print,#back,#print1,#back1{
		display: none;
		}
	.jhddy-sanke,.dymd-sanke{
			overflow: hidden;
			 }
	 }
	